تنزيل strapi plugin react editorjs strapi plugin react editorjs

strapi plugin react editorjs

موارد أخرى

v2.0.2

تنزيل

؟ strapi + ✒ editor.js

️ هذا هو إصدار Strapi V4 من هذا البرنامج المساعد! من أجل استخدام V3 ، يرجى استخدام الإصدار v.1.5.1.

؟ ما هو؟

هذا مكون إضافي لـ Strapi Headless CMS الذي يحل محل محرر WysiWyg القياسي مع محرر Cool Editor.js وجميع الوظائف الإضافية المتوافقة.

؟ مدعومة الوظائف الإضافية الرسمية

تعمل جميع الوظائف الإضافية أعلاه (إذا تمت إضافتها) في البداية عند تحميل البرنامج المساعد. يمكنك أيضًا تخصيص الوظائف الإضافية المتاحة في التطبيق الخاص بك باستخدام التعليمات أدناه.

؟ ابدء

yarn add strapi-plugin-react-editorjs
# or
npm install strapi-plugin-react-editorjs

من أجل أن تعرض Strapi مصغرة Tool Tool بشكل صحيح ، ستحتاج إلى تحرير خط "Strapi :: Security" في ./config/middlewares.js. قم بتغيير هذا الخط إلى ما يلي (افعل ذلك على مسؤوليتك الخاصة).

 module . exports = [
  // ...
  {
    name : 'strapi::security' ,
    config : {
      contentSecurityPolicy : {
        directives : {
          'img-src' : [ '*' ] ,
        } ,
      }
    } ,
  } ,
  // ...
] ;

كيفية تمديد/تطوير هذا البرنامج المساعد (اختياري)

إذا كنت ترغب في تغيير مظهر المحرر أو إضافة/إزالة مكونات EditorJS ، فستحتاج إلى القيام بما يلي:

إذا تم تثبيت هذا المكون الإضافي بالفعل عبر YARN أو NPM ، فلا بد من تثبيت:

yarn remove strapi-plugin-react-editorjs
# or
npm uninstall strapi-plugin-react-editorjs

انتقل إلى مجلد ./src/plugins (قم بإنشائه إذا لم يكن موجودًا) واستنساخ المشروع:

 # If you wish to clone the Master Branch
git clone https://github.com/melishev/strapi-plugin-react-editorjs.git
# If you wish to clone the Beta Branch
git clone --single-branch --branch beta https://github.com/melishev/strapi-plugin-react-editorjs.git

انتقل إلى البرنامج المساعد وتثبيت التبعيات:
- cd strapi-plugin-react-editorjs
- yarn install أو npm install
في محرر ، أضف الكود التالي في ملف strapi v4 الرئيسي الرئيسي.

 module . exports = ( { env } ) => ( {
  // ...
  'editorjs' : {
    enabled : true ,
    resolve : './src/plugins/strapi-plugin-react-editorjs'
  } ,
  // ...
} )

لإجراء تغييرات على مكونات EditorJS ، قم بتحرير ./src/plugins/strapi-plugin-react-editorjs/admin/src/config/customTools.js .
- ملاحظة: تم تخصيص إضافة أداة الصورة بشكل كبير من أجل العمل في Strapi ولا يمكن تحريرها في ملف customTools.js . إذا كنت ترغب في تطويرها بشكل أكبر ، فيجب عليك ذلك ، لكن الأمر سيستغرق معرفة واختبار أكثر تقدماً.
إعادة بناء strapi بعد التثبيت وبعد أي تغييرات تم إجراؤها في البرنامج المساعد.