Lit وAlpine وhtmx…

أي شيء يستطيع طباعة HTML يستطيع استخدام وسم <owe-editor>: Lit وAlpine.js وhtmx وTurbo وEmber وQwik وWordPress وPHP. يطلق الحدثين input وchange ويشارك في النماذج.

في هذه الصفحة

الحزمةopen-wysiwyg-editor

التثبيت

الطرفية

npm install open-wysiwyg-editor

الاستخدام

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/open-wysiwyg-editor@1.0.2/dist/style.min.css"
  integrity="sha384-M7pJYu9d/6az43r7DEu11V2wYVSim/wfYwQjrNdn2lOz7ZEiPSh4lW4jwhjKC4RP" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/open-wysiwyg-editor@1.0.2/dist/open-wysiwyg-editor.global.js"
  integrity="sha384-nj2QvSEBeAy8VfG/L3M7Hq+IbVQVrj5RyDnuO0Hy3p7EJrIaMo2Dku4YJoqUiK89" crossorigin="anonymous"></script>

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

حمّل سكربت CDN وملف التنسيق مرة واحدة (أو استورد open-wysiwyg-editor/element وstyle.css)، ثم ضع الوسم في القالب.
في Qwik استورد العنصر داخل visible task كي لا يعمل على الخادم. وفي WordPress تمنع esc_attr() محتوى المستخدم من الخروج من الخاصية.

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

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

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