Rich text editor issue
You can just set the icon value to whatever markup you want. Here's an example using font awesome: FYI - I've seen some discussion of removing font awesome from grapesjs. I'm not sure what the current plans are for that, but thought it was worth mentioning as this may not work in a future version without including fon...
Read full answer below ↓Question
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 orderlist here?? attributes: {title: "Ordered List"}, result: (rte, action) => rte.exec('insertOrderedList'), });
Answers (3)
You can just set the icon value to whatever markup you want. Here's an example using font awesome: FYI - I've seen some discussion of removing font awesome from grapesjs. I'm not sure what the current plans are for that, but thought it was worth mentioning as this may not work in a future version w...
Thank u so much. working fine now.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1650
[Question] How to remove a link from text(remove a link)
using built-in RTE and trying to add a rte custom button that when clicking, it removes current link. Could you provide me with the code pl...
Issue #2189
[Question] How to add "Ordered/Unordered List" option in rte/custom block
Hi I'm trying to create an ordered list with grapesjs. I tried adding the following to the rte: And this works if my page is pre-filled wit...
Issue #1702
[Question]How to get rte selection inside the result function
I'm basically trying to put an input fieldinside the RTE so that users can make link more easily. console.log(<a href="#">${rte.selection()...
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...
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.