Implement TinyMCE and disable RTE
Question
I'm trying to apply tinyMCE as a replacement for RTE, but I'm doing an impossible task, I'm following the same steps of the plugin CKEDITOR(https://github.com/artf/grapesjs-plugin-ckeditor) but without any result.
I have also thought about rewriting the text component, but it would be too much, since the text component is the default RTE. I've created an example here https://jsfiddle.net/qept2v7r/3/ if you can help me, because the truth is I don't understand what's going on, and I have to click 3 times to get the editor toolbar out.
Thanks!
Answers (3)
Hello, look on new RTE: Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor Froala - https://gjs.market/products/froala-inline-text-editor
Unfortunately, due to this issue https://github.com/tinymce/tinymce/issues/4629, it's not possible to implement TinyMCE, indeed the wrapper of the grapesjs is inside another iframe and the formatting doesn't work (only undo/redo buttons work).
Here is my, almost complete, plugin example with tinyMCE: https://jsfiddle.net/uq9hfL8p
I have to close this issue as the problem is related to tinyMCE
@chiqui3d im a little late to the party, but I did get the cutomRte working with tinymce. In order for tinymce to work with iframe you have to pass in the context of the iframe window and document.
I added to the tinymce config in @artf example
content_window: document.querySelector('.gjs-frame').contentWindow,
content_document: document.querySelector('.gjs-frame').contentWindow.document,
https://jsfiddle.net/adamyarger/t3b5qky1/1/
Also note that some of the other formats are not working, this is due to the root tinymce element being a p tag. In order to use block elements in tinymce you'll have to enable div as a text component.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2272
[BUG] `textable` component disappears with custom RTE
Are you using the latest release (older versions are NOT supported)? YesAre you facing the bug with your local copy of GrapesJS or with the...
Issue #1516
ckeditor 5 [enhancement]
Hey @artf , as described in the following task I made a build of the ckeditor 5 which works with GrapesJS, however some of the functionalit...
Issue #1296
Custom Rich Text Editor is not working
Hi @artf, I've just created a custom plugin of the RTE using different libraries like CKEditor 5, TinyMCE 4 or pell but all of them with th...
Issue #2498
[Bug] Error when trying to move cell from row.
Bug #2478 after release still exists. Repeat steps and you will get error Uncaught TypeError: Cannot read property 'indexEl' of undefined....
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.