Grapesjs: How to use CKEditor/TinyMC editor instead of RichTextEditor inside GrapesJs

[hemanthmc]

I need to add text styles and other text options so how to add CKEditor/TinyMC editor instead of RichTextEditor inside GrapesJs.

[ronaldaug]

You can check "Replace the built-in Rich Text Editor" in GrapesJS doc here
And there is a GrapesJS CKEditor plugin.

[hemanthmc]

You can check "Replace the built-in Rich Text Editor" in GrapesJS doc here
And there is a GrapesJS CKEditor plugin.

@ronaldaug CK Editors Toolbar is not displaying after adding grapesjs-plugin-ckeditor to my editor.
How to enable ToolBar options in it?

[ronaldaug]

I think you're missing something.
I made a codepen demo here and it just works fine.

You have to add CKEditor & CKEditor Plugin scripts , and set the config options.

[hemanthmc]

@ronaldaug Thank you so much for spending your time & answer. I had tried in the same way to integrate GrapesJs in react application. I am using npm packages
"ckeditor": "^4.11.2", "grapesjs-plugin-ckeditor": "0.0.9"

but i didn't able to get the CKEDITOR toolbar. i am getting the console error as shown in attached screenshot

[artf]

@hemanthmc check for errors in your code please, this has nothing to do with GrapesJS or CKEditor

[Amir2828]

I think you're missing something.
I made a codepen demo here and it just works fine.

You have to add CKEditor & CKEditor Plugin scripts , and set the config options.

Hey the CodePen link is not working, Can you please upload it again?
Im facing the same problem and it seems like you got the solution :)

[umerrinayat]

@ronaldaug codpen link is not working. Can you please share your code again. Thanks

[shubh9415]

I think you're missing something.
I made a codepen demo here and it just works fine.

You have to add CKEditor & CKEditor Plugin scripts , and set the config options.

@ronaldaug Can you please upload the codepen link again. I am struggling for hours to implement CKEDITOR but getting the error.