I'm trying to create a custom plugin for GrapesJS but I'm having some issues with it. This plugin will add custom block with type bootstrapIcon, when i double click the component icon picker modal will show up then i can choose what icon i want.
The issues is everytime i change icon, value like font-size, color got resetted.
You can try here on demo link: Demo
setTimeout(function () {
window.editor = grapesjs.init({
height: "100%",
noticeOnUnload: false,
storageManager: true,
container: "#gjs",
fromElement: true,
plugins: ["gjs-bootstrap-icon"],
pluginsOpts: {
"gjs-bootstrap-icon": {
label: "Icon",
category: "Bootstrap"
}
}
});
}, 100);
I am expecting block value from style manager will store somewhere.