product Software Technology

تطوير محرر KuroEditor Vol. 1: مقارنة محررات الويب الشهيرة

أثناء تطوير نظام KuroCMS، أدركت حاجتي لبناء محرر ويب بسيط وخفيف يدعم ميزات الجداول. مقارنة بين خمسة محررات ويب مفتوحة المصدر.


أبرز خمسة محررات ويب مفتوحة المصدر (MIT License)

  1. TipTap: المحرر الأكثر شعبية ومرونة، يعتمد على محرك ProseMirror القوي ويدعم أطر عمل مثل React و Vue.
  2. Editor.js: يعتمد على مفهوم الكتل (Blocks) مثل Notion، ويقوم بإخراج البيانات بصيغة JSON نظيفة للغاية.
  3. Lexical: محرر خفيف وسريع جداً مطور بواسطة Meta، ويدعم معايير سهولة الوصول ومناسب لنماذج الذكاء الاصطناعي.
  4. Slate: إطار عمل قوي ومخصص لمطوري React لبناء وتصميم المحررات المعقدة ذات البنى المتداخلة.
  5. Milkdown: محرر WYSIWYG مخصص لكتابة وتنسيق لغة Markdown في الوقت الفعلي مع دعم ميزات LaTeX و Mermaid.

سبب اتخاذ قرار بناء محرر مستقل

على الرغم من جودة هذه المحررات، واجهت مشكلات في معالجة إدخال الصور وبناء الجداول المعقدة بشكل يماثل محرر Dropbox Paper المريح. لذلك، قررت تطوير محرر "KuroEditor" المستقل بالاعتماد على Vanilla JS لضمان الخفة والتوافقية الكاملة.