更改默认富文本编辑器

¥Change the default rich text editor

Strapi 的管理面板内置富文本编辑器。要更改默认编辑器，你可以使用以下几个选项：

¥Strapi's admin panel comes with a built-in rich text editor. To change the default editor, several options are at your disposal:

你可以通过访问 Strapi 的市场安装第三方插件，例如 CKEditor 插件。

¥You can install a third-party plugin, such as one for CKEditor, by visiting Strapi's Marketplace.
你可以创建自己的插件来创建和注册完全自定义的所见即所得字段（参见自定义字段文档）。

¥You can create your own plugin to create and register a fully custom WYSIWYG field (see custom fields documentation).
你可以利用 Strapi 的管理面板 extensions 系统并利用管理面板的引导生命周期函数。

¥You can take advantage of Strapi's admin panel extensions system and leverage the bootstrap lifecycle function of the admin panel.

如果你选择使用扩展系统，请在 /src/admin/extensions 文件夹中创建你的 WYSIWYG 组件并将其导入管理面板的 /src/admin/app.[tsx|js] 入口点文件，然后使用 app.addFields() 函数声明新字段，如下所示：

¥If you choose to use the extensions system, create your WYSIWYG component in the /src/admin/extensions folder and import it in the admin panel's /src/admin/app.[tsx|js] entry point file, then declare the new field with the app.addFields() function as follows:

JavaScript
TypeScript

/src/admin/app.js
// The following file contains the logic for your new WYSIWYG editor👇
import MyNewWYSIGWYG from "./extensions/components/MyNewWYSIGWYG";

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

/src/admin/app.tsx
// The following file contains the logic for your new WYSIWYG editor👇
import MyNewWYSIGWYG from "./extensions/components/MyNewWYSIGWYG";

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