Skip to content

Commit 7ceb343

Browse files
authored
Update wysiwyg-editor.md to remove mention of extensions system (#2530)
1 parent d21725f commit 7ceb343

File tree

1 file changed

+0
-35
lines changed

1 file changed

+0
-35
lines changed

docusaurus/docs/cms/admin-panel-customization/wysiwyg-editor.md

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -15,38 +15,3 @@ Strapi's [admin panel](/cms/admin-panel-customization) comes with a built-in ric
1515

1616
- You can install a third-party plugin, such as one for CKEditor, by visiting <ExternalLink to="https://market.strapi.io/" text="Strapi's Marketplace"/>.
1717
- You can create your own plugin to create and register a fully custom WYSIWYG field (see [custom fields documentation](/cms/features/custom-fields)).
18-
- You can take advantage of Strapi's admin panel [extensions](/cms/admin-panel-customization/extension) system and leverage the [bootstrap lifecycle function](/cms/plugins-development/admin-panel-api#bootstrap) of the admin panel.
19-
20-
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:
21-
22-
<Tabs groupId="js-ts">
23-
<TabItem value="js" label="JavaScript">
24-
25-
```js title="/src/admin/app.js"
26-
// The following file contains the logic for your new WYSIWYG editor👇
27-
import MyNewWYSIGWYG from "./extensions/components/MyNewWYSIGWYG";
28-
29-
export default {
30-
bootstrap(app) {
31-
app.addFields({ type: "wysiwyg", Component: MyNewWYSIGWYG });
32-
},
33-
};
34-
```
35-
36-
</TabItem>
37-
38-
<TabItem value="ts" label="TypeScript">
39-
40-
```js title="/src/admin/app.tsx"
41-
// The following file contains the logic for your new WYSIWYG editor👇
42-
import MyNewWYSIGWYG from "./extensions/components/MyNewWYSIGWYG";
43-
44-
export default {
45-
bootstrap(app) {
46-
app.addFields({ type: "wysiwyg", Component: MyNewWYSIGWYG });
47-
},
48-
};
49-
```
50-
51-
</TabItem>
52-
</Tabs>

0 commit comments

Comments
 (0)