Astro

مكوّن .astro يعرض <owe-editor>. يعمل مع إرسال النماذج العادي ولا يحتاج إلى أي إطار واجهات.

في هذه الصفحة

الحزمة@open-wysiwyg-editor/astroيتطلب Astro 4+

التثبيت

الطرفية

npm install @open-wysiwyg-editor/astro

الاستخدام

---
import { RichTextEditor } from "@open-wysiwyg-editor/astro";
---

<form method="post" action="/api/save">
  <label for="body">Article</label>
  <RichTextEditor id="body" name="body" value="<p>Hello <strong>world</strong></p>" />
  <button>Save</button>
</form>

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

يستورد المكوّن السكربت والتنسيق بنفسه، فلا تحتاج إلى إضافة شيء آخر.
يعرض الخادم عنصر <owe-editor> فقط، وفي خاصية value المُهرَّبة يوجد الـ HTML الأولي. يعمل الحقل مع إرسال نموذج عادي في وضعي static وserver.

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

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

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