Change the WYSIWYG with CKEditor

Questions and Answers
1
System Information
  • Strapi Version: 3.2.5
  • Operating System: MacOS 10.15.7
  • Database: None
  • Node Version: 10.0.0
  • NPM Version: 6.0.0
  • Yarn Version: 1.22.10

Hello Everybody !

I tried to replace the default wysiwyg with CKEditor, I followed every single steps with same folder/files names and tried many times this tutorial : Strapi Admin Customization - WYSIWYG replacement

But I always have this error on Strapi when I try to create a new post in the posts collections with a rich text :

Something went wrong.

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports. Check the render method of Editor.

If you want to check my codes, it is exactly the same from Strapi Admin Customization - WYSIWYG replacement . I just copy-pasted everything

Thank you :slight_smile:

2

Hi @Sylvain_Jacot

That guide is over a year old now and I’m afraid it won’t work with our current version. At the moment we don’t have any resources ourselves which provide instructions on changing over to CKEditor.

However from our Awesome-Strapi repo you can find where someone has created a plugin to swap out the editor for ToastUI: GitHub - fagbokforlaget/strapi-plugin-wysiwyg-toastui: ToastUI wysiwyg plugin for strapi

You may be able to adjust this to use CKEditor instead (and if you do I’m sure the community would welcome a plugin itself that does this :slight_smile: ).

1 Like
3

It also appears some people are working on related plugins: strapi-plugin-html-wysiwyg - npm

From: strapi-plugin-wysiwyg - npm search

1 Like
4

Yes I tried the HTML plugin and it is quite good ! Will try also Toastui and will compare both of them. Thank you so much ! Very helpful :slight_smile:

1 Like