على الرغم من الخيارات المختلفة المتاحة لتحرير النص الغني في HTML ، إلا أنها لا تزال مجالًا صعبًا للغاية. لقد وجدت Prosemirror هو أفضل حل متاح للمشكلة. إنه عمل رائع للمؤلف Marijn Haverbeke.
لا يزال جعل المحرر من إطار عملًا كبيرًا ، يهدف المشروع إلى بناء مكونات لتحرير النص الغني باستخدام Prosemirror. يمكن دمج هذه المكونات بسرعة في تطبيقات React أو حتى غير التفاعلية.
ليس لدى NIB إمكانيات جيدة لتحرير النص الغنية ، ولكنها تتناول أيضًا متطلبات التحرير المعقدة مثل تتبع التغييرات التي تم إجراؤها على مستند ، وإضافة تعليقات في المستند ، والتحرير التعاوني والمزيد ...
إعداد المحرر مستقيم إلى الأمام. مطلوب لتثبيته من npm .
يمكن استخدام أوامر npm أو yarn .
npm i nib-core --save
import React from "react";
import Editor from "nib-core";
const MyEditor = () => <Editor />;
يرجى ملاحظة أن LIB لا يعمل جانب الخادم.
الدعائم بدعم من المحرر.
| س. | اسم | وصف |
|---|---|---|
| 1 | addons | مجموعة من الإضافات لإضافة وظائف إلى المحرر الأساسي |
| 2 | التركيز التلقائي | لتركيز المحرر افتراضيًا |
| 3 | تكوين | تكوين المكون الإضافي وشريط الأدوات وما إلى ذلك في المحرر ، وهنا تكوينات افتراضية |
| 4 | DefaultValue | قيمة لتهيئة محتوى المحرر |
| 5 | رخصة | مفتاح الترخيص لمحرر NIB |
| 6 | onchange | رد الاتصال الذي يسمى أي تغيير في المحرر |
| 7 | فحص الإملائي | خاصية منطقية لتمكين تفكيك المتصفح الافتراضي في المحرر |
| 8 | styleconfig | تستخدم للقيام بمزيد من التغييرات في النمط التفصيلية في المحرر ، إليك الافتراضي |
| 9 | سمة | Theming of the Editor ، هنا موضوع افتراضي |
رخصة عامة عامة في GNU.
للحصول على تفاصيل أو استفسارات ، أسقط البريد إلى [email protected].