تخطَّ إلى المحتوى

Preact

واجهة حزمة React نفسها فوق preact/hooks. استخدم class بدل className.

في هذه الصفحة

التثبيت

الطرفية
npm install @open-wysiwyg-editor/preact

الاستخدام

import { useState } from "preact/hooks";
import { RichTextEditor } from "@open-wysiwyg-editor/preact";
import "@open-wysiwyg-editor/preact/style.css";

export function Article() {
  const [html, setHtml] = useState("<p>Hello</p>");
  return <RichTextEditor value={html} onChange={setHtml} class="article-editor" />;
}

معلومات مفيدة

  • الخصائص والخيارات هي نفسها في حزمة React، مع class للعنصر المحيط.
  • آمن مع التصيير على الخادم: يعرض الخادم حاوية فارغة والحقل المخفي.

عقّم دائمًا على الخادم

يعقّم المحرّر ما يحمّله وما ينتجه، لكن هذا ليس حدًّا أمنيًا: يستطيع أي شخص إرسال أي نص إلى واجهتك البرمجية. عقّم الـ HTML مرة أخرى بمكتبة تثق بها قبل تخزينه أو عرضه لمستخدمين آخرين.

عدّل هذه الصفحة على GitHub