Replacing WYSIWYG in v4

Questions and Answers
8

I followed your example exactly as described but for one or another reason the plugin doesn’t show up and Strapi keeps loading it’s own editor.

Steps i did:

  1. Created a new project with npx create-strapi-app@latest Strapi --quickstart and installed it, when completed i stopped it and got into the project folder.
  2. npx strapi generate choose the plugin option and named it wysiwyg
  3. Copied the result it gives into project_root/config/plugins.js (file didn’t exist).
module.exports = {
  wysiwyg: {
    enabled: true,
    resolve: "./src/plugins/wysiwyg",
  },
};
  1. Installed tinyMCE, my package.json looks like this now:
{
  ...
  "dependencies": {
    "@strapi/plugin-i18n": "4.0.0",
    "@strapi/plugin-users-permissions": "4.0.0",
    "@strapi/strapi": "4.0.0",
    "@tinymce/tinymce-react": "^3.13.0",
    "sqlite3": "5.0.2",
    "tinymce": "^5.10.2"
  },
  ...
}
  1. Created the editor file in project_root/src/plugins/wysiwyg/admin/src/components/Editor.js
  2. Modified the index.js file in project_root/src/plugins/wysiwyg/admin/src/index.js
  3. Restarted Strapi with yarn develop --watch-admin

You would expect to see the new plugin also at the plugin list within the admin… but it doesn’t. Someone who can help me a bit further with this one?