rich text editor issue
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:
...
icon: '<i class="fa fa-list-ol"></i>',
...
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 font awesome in your own project.
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...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.