Replacing richtexteditor to ckeditor
Hi @NorthstarTech, I see that your code is including the grapesjs-plugin-ckeditor.js file. Are you also including that plugin when calling grapesjs.init() as shown here?
Read full answer below ↓Question
I am replacing richtexteditor to ckeditor in grapesjs but its not working. Richtexteditor is still showing. How should I resolve this? My code is:
editor.setCustomRte({
enable: function(el, rte) {
rte = new CKEDITOR.inline(el, {
toolbar: [{
attributes: { "class": "fa fa-image" },
command: "open-dialog"
} ]
});
return rte;
},
});
I also added these scripts,
<script src="https://cdn.ckeditor.com/4.7.3/standard/ckeditor.js"></script>
<script src="js/grapesjs-plugin-ckeditor.min.js"></script>Answers (3)
Hi @NorthstarTech,
I see that your code is including the grapesjs-plugin-ckeditor.js file. Are you also including that plugin when calling grapesjs.init() as shown here?
yes I also added the plugin on grapesjs.init() but not working. It gives the error shown below.
I'm not super familiar with the ckeditor plugin, but it does appear to that it is expecting the sharedspace ckeditor plugin (see here). I think you just need to be sure and include that plugin in your CKEditor configuration. Here's a link to that plugin, but I bet you could also do a custom build of CKEditor through their website and choose to include that from the Available Plugins list.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1505
adding row and sections not working
i am integrating grapejs with angular6. but it is not working means it is not showing on blocks i am using following code
Issue #1471
[Question] Blockmanager and Image
Hi! I use this code to add a new block: blockManager.add("image", { label: 'Image', category: 'Basic', attributes: { class: "gjs-fonts gjs-...
Issue #572
rich text editor issue
How to add the icon of ordered List in rich text editor? Here is my code. rte.add('insertOrderedList', { icon: '',//how to add the icon of...
Issue #698
editor.getSelected().toHTML() is not consistent
Hi everyone, I created a new component type, 'html-block', which is a component in which you can add your html code. I added an 'Edit' butt...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.