JavaScript عادي

النواة دالة واحدة هي createEditor(options). استخدمها مع أي أداة بناء، أو من CDN بوسم سكربت واحد.

في هذه الصفحة

التثبيت

الطرفية

npm install open-wysiwyg-editor

الاستخدام

import { createEditor } from "open-wysiwyg-editor";
import "open-wysiwyg-editor/style.css";

const editor = createEditor({
  element: "#editor", // or an HTMLElement
  onUpdate: (editor) => console.log(editor.getHTML()),
});

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

حمّل ملف التنسيق مرة واحدة، واستدعِ createEditor() في المتصفح بعد وجود العنصر (يرمي خطأً أثناء التصيير على الخادم)، واستدعِ editor.destroy() عند إزالة العنصر.
عند الإنشاء على <textarea> يخفي المحرّر الحقل ويُبقي قيمته متزامنة. ويصبح <label> الخاص بالـ textarea اسم المحرّر المتاح لقارئات الشاشة.

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

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

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