How to replace style-manager font-awesome icon into svg?
Question
hi @artf i Want to replace an icon of style manager with svg icon .
As you can see screenshot attached. I tried dat way.

Answers (3)
Yeah put those changes inside your plugin
grapesjs.init({
...
plugins: [
// start your plugin
editor => {
...
pnm.getButton('views', 'open-sm').set({
label: '<svg>...</svg>'
});
}
]
})
???... your code is all broken (check the syntax) Probably you want something like this
pnm.getButton('views', 'open-sm').set({
label: '<svg>...</svg>'
});
Please re-open this issue. hi @artf I also tried this way pnm.getButton('views', 'open-sm').set({ label: <svg> width="1024" height="1024" viewBox="0 0 1024 1024" style="margin-left: calc(50% - 0.5em)"><g transform="scale(0.03125 0.03125)"><path d="M881.76 269.44c-43.36 52.704-162.24 198.24-256.672...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1490
How to send value from the layout section
@artf I need your help to solve my issue with grapesjs i have this code in the template: I want to pass that value in this way but when I e...
Issue #1294
How to add category for default block manager?
@artf I want put all default blocks to category named "Basic". But I can't find any documents about it. I use editor.BlockManager.getAll()....
Issue #1780
How to change extra dropdown for link change trait
Hello @artf , I want to give one more functionality to user like user can change any link with default links drop down. In above image i wa...
Issue #1597
Can we add resizable property in gjs-layer-manager frame?
hi @artf Is it possible to add resizable property on the frame of layer-manager as screen shot below i want to add dynamic resizable proper...
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.