strapi plugin react editorjs

？ strapi +✒️編輯器

配x這是此插件的Strapi V4版本！為了與V3一起使用，請使用版本v.1.5.1。

？是什麼？

這是用於Strapi無頭CM的插件，它用Cool Editor.js及其所有兼容的附加組件替換標準Wysiwyg編輯器。

？支持官方附加組件

• 段落工具（默認）
• 嵌入工具
• 表工具
• 列表工具
• 警告工具
• 代碼工具
• 鏈接工具
• 圖像工具
• 原始HTML工具
• 標題工具
• 報價工具
• 標記工具
• 清單工具
• 定界線工具
• Inlinecode工具
• 個性工具
• 附加工具

上述所有附加組件（如果添加）最初是在加載插件時工作的。您還可以使用以下說明自定義應用程序中可用的附加組件。

？入門

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

為了使Strapi正確顯示鏈接工具縮略圖，您需要在./config/middlewares.js中編輯“ Strapi :: Security”行。將該行更改為以下（以您自己的風險這樣做）。

 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. 在編輯者中

 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 file。
   • 注意：為了在strapi中工作，圖像工具附加組件已得到高度自定義，無法在customTools.js文件中進行編輯。如果您想進一步開發它，您可能會進行更高級的知識和測試。
6. 安裝後和插件中進行的任何更改後，重建Strapi。

yarn build
# or
npm run build

請注意，附加組件是為strapi配置的，在更改配置時要小心。

??‍？發展

1. 個性工具
2. 附加工具
3. 全屏模式

配進您的支持

如果這個項目對您有幫助，請給星星。