canner slate editor
1.0.0
يركز محرر النص الغني / WYSIWYG على النموذجية والتوسيع ، والبناء على قمة إطار Slate مع تصاميم جميلة وواجهة برمجة التطبيقات عالية المستوى.
؟ محرر Canner-Slate هو محرر معدل ، كل شيء هو وحدة NPM! هل يمكن أن يؤلف 100 ٪ لاستخدامك الشخصي!
نظرًا لأن هذا المشروع قد بدأ في الأصل من Canner ، فقد نلاحظ أنه لا يوجد محرر واحد سوف يتناسب مع جميع أنواع المتطلبات ، لذلك نعتقد أن الطريقة الوحيدة لحل هذه المشكلة هي تصميم محرر وحدات.
هناك العديد من النصوص الغنية الأخرى ومحرري Wysiwyg عبر الإنترنت ، ولكن كقائمين - لماذا ذكر القسم أن معظم هذه الحلول
وبالتالي ، سيحاول هذا المستودع الحفاظ على جميع المزايا التي يوفرها Slate Framework وإنشاء واجهات برمجة تطبيقات عالية المستوى للمطورين يمكن أيضًا إعادة استخدام وتخصيص نسختهم الخاصة من المحرر. كما أننا نرحب دائمًا في جميع أنواع المساهمات! ؟
يستخدم هذا المشروع ANTD كمكتبة واجهة المستخدم الخاصة بنا.
لماذا
أحد الجانب السلبي لاستخدامه ، هل سيزيد من حجم الحزمة. انظر هنا للحل
ستحتاج إلى إضافة css وقواعد اختبار less في إعداد حزمة الويب الخاصة بك.
...
rules : [
{
test : / .js$ / ,
use : {
loader : "babel-loader"
} ,
exclude : / node_modules /
} ,
{
test : / .css$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
}
]
} ,
{
test : / .less$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
} ,
{
loader : "less-loader"
}
]
}
]
. . .تحتوي هذه المشاريع حاليًا على أكثر من 47 وحدة NPM ، يتم تعبئة كل ميزات في وحدات NPM ، مثل الرموز ، المساعدين ، الإضافات ، utils ، إلخ ... ، لذلك يمكّن المطورين من اختيار الوحدات النمطية لتجميعها في استخداماتك الخاصة.
محرر نصي غني آخر باستخدام Slate Framework ، مع تصميم جميل
$ npm install --save canner-slate-editorستحتاج أيضًا إلى التثبيت
$ npm install antd slate slate-react
محرر تخفيض ، يسمح لك بتحرير العيش مع دعم المفاتيح الساخنة!
$ npm install --save slate-md-editorستحتاج أيضًا إلى التثبيت
$ npm install antd slate slate-react
أكثر من 20+ أيقونات ومساعدين لبطولة لبطولة محررين.
الميزات المدعومة:
تعلم المزيد من ألواح القطع
محددات قائمة مشتركة لمحرري Slate.
المختارون المدعومون:
معرفة المزيد من slate-selectors
استخراج الرموز من Quill Editor with React Component Wrapper ، ودعم 65+ أيقونات!
$ npm install --save quill-iconsمجموعة من الإضافات لائحة.
مجموعة من التغييرات ووظائف المنفعة لمحرري الألواح
مجموعة من مكونات أدوات المحرر.
مشاركة الثوابت من خلال repos.
معرفة المزيد من قائمة الخزانة
نحن نستخدم مساحة عمل yarn لإدارة جميع عمليات إعادة الشراء ، ومعرفة المزيد عن مساحة عمل الغزل
لتثبيت الحزم
yarn
انظر العروض التوضيحية
npm start
تحتاج إلى إنشاء ملفات JS من خلال بابل عن طريق الدخول
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate هو إطار محرر قوي مصمم جيدًا يساعدك على التعامل مع الأجزاء الصعبة عند إنشاء محرر ، مثل نمذجة البيانات ، وتحديث الحالات ، وتقديم مخططات المحرر ، والتسلسل ... (يمكنك معرفة المزيد هنا) ، بينما تحاول بناء التحريرات الخاصة بك ، لا تزال بحاجة إلى الكثير من الجهود لبناء محرّر جميل بسيط وتشغيله مع الأطراف.
يهدف هذا المستودع إلى توفير حلول كاملة للمحررين والمكونات الإضافية التي تتيح لك استخدامها على الفور ، بدلاً من الحفر من خلال وثائق الألواح واستخدام مكوناتنا عالية المستوى ، يمكنك بناء المحررين تقريبًا دون أي معرفة إطار لائحة لاستخدامها.
تستخدم canner-slate-editor مكتبة React React Awesome تسمى ANT Design ، وتوفر المكتبة العديد من مكونات React شائعة الاستخدام مثل تلميح الأدوات ، الجدول ، الوسائط ، إلخ ... والتي تستخدم على نطاق واسع في تقديم المحررين لدينا. أحد الجانب السلبي لاستخدام المكتبة هو حجم الحزمة. إذا كنت تحاول معالجة مشكلة الحجم ، نوصي باتباع الحلول:
