تخطَّ إلى المحتوى
v1.0.2 · MIT

محرّر نصوص غنيّ يعمل في كل مكان.

متاح للجميع، يضع العربية واتجاه RTL في المقام الأول، وآمن تحت سياسة CSP صارمة. نواة صغيرة وحزمة جاهزة لكل إطار عمل، من نماذج HTML العادية إلى Next.js.

ابدأ الآنGitHub(يفتح في تبويب جديد)
npm install open-wysiwyg-editor

يعمل مع

  • 10 حزم

    النواة وحزمة جاهزة لكل إطار عمل رئيسي

  • WCAG 2.2 AA

    يُفحص بأداة axe-core في كل إصدار

  • CSP صارمة

    دون unsafe-inline، مع فرض Trusted Types

  • MIT

    بلا مفتاح ترخيص ولا تتبّع ولا خدمة سحابية

التجربة

جرّبه هنا الآن

هذا هو المحرّر الحقيقي من @open-wysiwyg-editor/next. اكتب وانسّق وبدّل اللغة واختر لون هويتك، ثم راقب المخرجات في الأسفل.

خيارات التجربة

لون الهوية

لون واحد يضبط الأزرار والروابط وحلقة التركيز والتحديد.

#0066ff

0 كلمة0 حرف

HTML
<h2>اكتب لكل الناس</h2>


<p>هذا محرر نصوص يدعم <strong>العربية</strong> بالكامل: الواجهة، والاتجاه، والاختصارات. يمكنك استخدام <em>الخط المائل</em> و<u>التسطير</u> و<mark>التمييز</mark> و<a href="https://github.com/alhassan73/open-wysiwyg-editor">الروابط</a>.</p>


<ul>
  <li>
    <p>اضغط Alt+0 لعرض اختصارات لوحة المفاتيح.</p>
  </li>
  <li>
    <p>English words mix in correctly.</p>
  </li>
</ul>


<blockquote>
  <p>إمكانية الوصول ميزة أساسية، وليست إضافة لاحقة.</p>
</blockquote>


<p dir="ltr">And Latin text keeps its own direction in the same document.</p>

الميزات

كل ما تحتاجه للكتابة، جاهز من البداية

وما يطلبه مستخدموك وفريق الأمان لديك والمدقّقون.

  • متاح للجميع وفق WCAG 2.2

    يعمل بالكامل بلوحة المفاتيح دون فخّ، ويعلن لقارئات الشاشة، ويدعم التباين العالي في Windows وتقليل الحركة والوضع الداكن. ويُفحص بأداة axe-core في كل إصدار.

    • WCAG 2.2 AA
    • ATAG 2.0
    • WAI-ARIA

  • هويتك بلون واحد

    عيّن ui.brand فتتبعه الأزرار والروابط وحلقة التركيز والتحديد، في الوضعين الفاتح والداكن. ولكل زر رموزه الخاصة، فيناسب المحرّر أي هوية وأي سمة للوحة التحكم.

    • ui.brand
    • --owe-brand
    • <owe-editor brand>

  • آمن افتراضيًا

    DOMPurify على كل مدخل، وقائمة مسموحة للروابط، وTrusted Types، دون unsafe-inline. ويعمل تحت سياسة CSP صارمة.

  • العربية وRTL في المقام الأول

    الإنجليزية والعربية مدمجتان ويمكنك إضافة لغاتك. تنعكس الواجهة كلها في RTL، ولكل كتلة dir="auto".

  • مكوّن ويب جاهز للنماذج

    يشارك <owe-editor name> في نماذج HTML العادية، فيعمل إرسال النموذج وhtmx وTurbo دون كود وسيط.

  • صغير وقابل للتجزئة

    يبلغ حجم المحرّر كاملًا مع المعقِّم والواجهة نحو 133 كيلوبايت مضغوطًا. وتضيف أغلفة أطر العمل نحو 1 كيلوبايت.

  • بلا واجهة عند الحاجة

    استخدم الواجهة الكاملة، أو ui: false وopen-wysiwyg-editor/headless لتبني واجهتك. وأضف أزرارًا للشريط واكتب إضافات.

  • مبني على ProseMirror

    مخطط مستند صارم ومعاملات وسجل تراجع من ProseMirror، المجموعة المجرَّبة لتحرير النصوص الغنية.

أطر العمل

اختر إطار العمل

تعيد كل حزمة تصدير واجهة النواة بالكامل وتأتي بملفات التنسيق. ثبّت حزمة واحدة وانتهى الأمر.

كل أطر العمل

أطلق محرّرك في خمس دقائق

ثبّت، وحمّل ملف التنسيق، ثم ركّب. مجاني ومفتوح المصدر برخصة MIT: بلا مفتاح ترخيص ولا تتبّع ولا خدمة سحابية.

ابدأ الآنادعمنا على GitHub(يفتح في تبويب جديد)عرض على npm(يفتح في تبويب جديد)