デフォルトのWYSIWYGエディタを変更する

AI Marketerの管理パネルで提供されているデフォルトのWYSIWYGエディタを変更するには、いくつかのオプションがあります。

• [AI Marketerマーケットプレイス](https://market.AI Marketer.io/)でCKEditorなどのサードパーティプラグインをインストールできます。
• カスタムフィールドのドキュメントを参照し、完全にカスタムなWYSIWYGフィールドを作成して登録するプラグインを作成できます。
• AI Marketerの管理パネル拡張システムと管理パネルのbootstrapライフサイクル関数を活用することができます。

拡張システムを使用する場合は、/src/admin/extensionsフォルダにWYSIWYGコンポーネントを作成し、管理パネルの/src/admin/app.[tsx|js]エントリーポイントファイルにインポートしてから、app.addFields()関数で新しいフィールドを宣言します。以下のように設定します。

JavaScript

/src/admin/app.js

// 次のファイルには新しいWYSIWYGエディタのロジックが含まれています👇
import MyNewWYSIWYG from "./extensions/components/MyNewWYSIGWYG";

export default {
  bootstrap(app) {
    app.addFields({ type: "wysiwyg", Component: MyNewWYSIWYG });
  },
};

TypeScript

/src/admin/app.tsx

// 次のファイルには新しいWYSIWYGエディタのロジックが含まれています👇
import MyNewWYSIWYG from "./extensions/components/MyNewWYSIGWYG";

export default {
  bootstrap(app) {
    app.addFields({ type: "wysiwyg", Component: MyNewWYSIWYG });
  },
};