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. 全屏模式

配进您的支持

如果这个项目对您有帮助，请给星星。