strapi plugin react editorjs

? Strapi + ✒ editor.js

️ Это версия этого плагина Strapi V4! Для использования с V3, пожалуйста, используйте релиз v.1.5.1.

? Что это такое?

Это плагин для CMS без головы Strapi, который заменяет стандартный редактор Wysiwyg на Cool Editor.js и все его совместимые дополнения.

? Поддерживаемые официальные дополнения

• Инструмент абзаца (по умолчанию)
• Встроенный инструмент
• Настольный инструмент
• Список инструмента
• Предупреждающий инструмент
• Код инструмент
• Ссылка инструмента
• Изображение инструмент
• Необработанный HTML -инструмент
• Инструмент заголовка
• Цитата инструмента
• Маркерный инструмент
• Инструмент контрольного списка
• Инструмент разделителя
• Инструмент InlineCode
• Инструмент личности
• Прикрепляет инструмент

Все вышеперечисленные надстройки (если добавлены) работают изначально при загрузке плагина. Вы также можете настроить дополнения, доступные в вашем приложении, используя инструкции ниже.

?? Начиная

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

Чтобы Strapi правильно показал миниатюры инструмента ссылки, вам нужно будет отредактировать линию «Strapi :: Security» в ./config/middlewares.js. Измените эту линию на следующее (сделайте это на свой собственный риск).

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

Как расширить/разработать этот плагин (необязательно)

Если вы хотите изменить внешний вид редактора или добавить/удалить плагины Editorjs, вам нужно будет сделать следующее:

1. Если этот плагин уже установлен через пряжу или NPM, удалите:

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

2. Перейдите в папку ./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

3. Зайдите в плагин и установите зависимости:
   • cd strapi-plugin-react-editorjs
   • yarn install или npm install
4. В редакторе добавьте следующий код в основной файл Strapi v4 ./config/plugins.js (создайте файл, если он не существует)

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

5. Чтобы внести изменения в плагины EditorJS, отредактируйте ./src/plugins/strapi-plugin-react-editorjs/admin/src/config/customTools.js .
   • ПРИМЕЧАНИЕ. Достройка инструмента изображения была высоко настроена для работы в Strapi и не может быть отредактировано в файле customTools.js . Если вы хотите развивать его дальше, вы можете, но это потребует гораздо более продвинутых знаний и тестирования.
6. Восстановите Strapi после установки и после любых изменений, внесенных в плагин.

yarn build
# or
npm run build

Обратите внимание, что надстройки настроены для Strapi, будьте осторожны при изменении конфигурации.

??‍? Развитие

1. Инструмент личности
2. Прикрепляет инструмент
3. Полный экран режим

️ Покажите свою поддержку

Дайте звезду, если этот проект помог вам.