strapi plugin react editorjs

？ strapi +✒️editor.js

ショ和これは、このプラグインのStrapi V4バージョンです！ V3で使用するには、リリースv.1.5.1を使用してください。

？それは何ですか？

これは、標準のwysiwygエディターをCool Editor.jsおよびそのすべての互換性のあるアドオンに置き換えるStrapiヘッドレスCMSのプラグインです。

？公式アドオンをサポートしました

• 段落ツール（デフォルト）
• 埋め込みツール
• テーブルツール
• リストツール
• 警告ツール
• コードツール
• リンクツール
• 画像ツール
• 生の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. このプラグインがYARNまたは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-plugin-plugin-rect-editorjs/admin/src/config/customtools.jsファイルを編集します。
   • 注：画像ツールアドオンは、Strapiで動作するために高度にカスタマイズされており、 customTools.jsファイルで編集することはできません。さらに開発したい場合は、より高度な知識とテストが必要になります。
6. インストール後とプラグインで変更された変更後にStrapiを再構築します。

yarn build
# or
npm run build

アドオンはStrapi用に構成されていることに注意してください。構成を変更するときは注意してください。

??？現像

1. パーソナリティツール
2. ツールを接続します
3. フルスクリーンモード

§サポートを表示します

このプロジェクトがあなたを助けたなら、星を贈ります。