اختر إطار العمل
تعيد كل حزمة تصدير واجهة النواة بالكامل وتأتي بملفات التنسيق. ثبّت حزمة واحدة وانتهى الأمر.
React
المكوّنRichTextEditorوالخطّافuseEditor()لـ React 18 فما فوق، ويعملان مع Remix وGatsby وVite.@open-wysiwyg-editor/reactNext.js
حزمة React مع"use client"، فتستخدمها مباشرة من مكوّنات الخادم، وتربطها بـ Server Actions عبرname.@open-wysiwyg-editor/nextPreact
واجهة حزمة React نفسها فوقpreact/hooks. استخدمclassبدلclassName.@open-wysiwyg-editor/preactVue
مكوّن يدعمv-modelلـ Vue 3.3 فما فوق، وآمن مع التصيير على الخادم.@open-wysiwyg-editor/vueNuxt
وحدة Nuxt تستورد<RichTextEditor>تلقائيًا وتضيف ملف التنسيق. أما المكوّن نفسه فمن حزمة Vue.@open-wysiwyg-editor/nuxtAngular
مكوّن مستقل يدعمngModelوالنماذج التفاعلية. يبدأ في المتصفح فقط ويعمل خارج الـ zone.@open-wysiwyg-editor/angularSvelte
أكشنuse:richTextلـ Svelte 3 و4 و5. لا تعمل الأكشنات على الخادم، فهو آمن في SvelteKit.@open-wysiwyg-editor/svelteSolid
موجّهuse:richTextلـ Solid 1.6 فما فوق وSolidStart. يُقرأ الكائن الذي تمرّره بشكل تفاعلي.@open-wysiwyg-editor/solidAstro
مكوّن.astroيعرض<owe-editor>. يعمل مع إرسال النماذج العادي ولا يحتاج إلى أي إطار واجهات.@open-wysiwyg-editor/astroWeb component
<owe-editor>هو المحرّر كاملًا في وسم HTML. عنصر مخصّص مرتبط بالنماذج ويعمل في الـ light DOM، فلا Shadow DOM وهو آمن مع CSP.open-wysiwyg-editorJavaScript عادي
النواة دالة واحدة هيcreateEditor(options). استخدمها مع أي أداة بناء، أو من CDN بوسم سكربت واحد.open-wysiwyg-editorLit وAlpine وhtmx…
أي شيء يستطيع طباعة HTML يستطيع استخدام وسم<owe-editor>: Lit وAlpine.js وhtmx وTurbo وEmber وQwik وWordPress وPHP. يطلق الحدثينinputوchangeويشارك في النماذج.open-wysiwyg-editor