الفكرة الأساسية لإنشاء محرر الكتل
تشير بشكل أساسي إلى محرري الكتل:
محرر جوتنبرج للووردبريس: https://wordpress.org/gutenberg/
محرر Editorjs: https://editorjs.io/
1. الهندسة المعمارية
بنية MVVM
الطبقة M: json خالص، يرجى الرجوع إلى Editorjs لهذه النقطة. ترتبط طبقة Gutenberg's M بشكل كبير بـ WordPress نفسه (التعليقات التوضيحية + الرموز القصيرة) ولا تستحق الرجوع إليها.
الطبقة الخامسة: طريقة جوتنبرج أكثر ملاءمة.
طبقة VM: لا يوجد.
2. كتل
جميع الكتل لها حالتان: العرض والتحرير.
عند عرض المحتوى الذي تم إنشاؤه بواسطة محرر الكتلة، يتم عرض حالة الكتلة.
عند استخدام محرر الكتلة لتحرير المحتوى، تكون حالة الكتلة هي تحرير.
ويظل عرض الحالتين متسقا، حيث يحقق "ما تراه هو ما تحصل عليه".
تم بناء كتلة حالة التحرير على الكتلة الأساسية.
3. الكتلة الأساسية
تعتمد جميع الكتل على هذه الكتلة الأساسية.
التفاعلات الرئيسية في حالة تحرير الكتلة موجودة هنا.
4. صفحة المحرر
تعرض الصفحة الرئيسية للمحرر الكتل بناءً على البيانات وتغييرات البيانات.
5. كتلة العارض
عند عرض المحتوى الذي تم إنشاؤه بواسطة محرر الكتل، تحتاج إلى تحليل بيانات json وعرض الكتل بناءً على بيانات json.
