[Question] Css class

Question

Hi! Probably this problem is already posted, but I can't understand where I'm wrong. I use this three parameters on init GrapesJs.

                protectedCss: '',
                avoidInlineStyle: true,
                forceClass: true,

I would like GrapeJs not to edit preexisting css, but only creates its own. Is it possible?

Thank you!

alfaalex81 · Accepted Answer

For example i have this code on canvas GrapesJs add to CSS this class This rule modify all element with this class, this is a generic bootstrap class that we use in all site.

artf · Answer

@alfaalex81 I can't reproduce it, create a live demo please

alfaalex81 · Answer

https://jsfiddle.net/ugc1otnk/ In the example when i change background color in the first column, GrapesJs set the css attribute to the external class "col-md-6", that is a bootstrap class name. I prefer Grapesjs set own class. Moreover I think I've found a bug. Select the first column and deselect class "col-md-6" on the stylee manager panel, class name "example" appears but this class is associated in the second column. It is only a visual bug.

Css class

Question

Answers (3)

Related Questions and Answers

[Question] Change HTML of Panel buttons from span to button

[QUESTION / FEATURE REQUESTS] : How to translate grapejs

'Select' trait no updated in edit mode

[Question]: Add a select-option to toolbar

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories