When IDs are used, it's not possible to update or remove a style
To elaborate a little, it seems to be when you apply styles to a box it adds the ID. When you export that and reload it to Grapes the problem happens.
Read full answer below ↓Question
Steps to reproducehttps://jsfiddle.net/1cjjr02p/Click the text in editor, change background colour.Export CSS. You'll see both new and original colours exist in an order that prevents the new colour being used. ` 3.. Using same jsfilddle, it's not possible to remove CSS attribute. This is similar to #552 #986 but the issue is only present when IDs are used. Classes are cool.
Answers (3)
To elaborate a little, it seems to be when you apply styles to a box it adds the ID. When you export that and reload it to Grapes the problem happens.
Related to #932
Use avoidInlineStyle: true
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 #1834
[BUG]: background image for wrapper doesn't work if custom styling properties are selected
When editor is initialized with custom styling props defined for wrapper, background image is not set to wrapper. It is set correctly if ed...
Issue #1639
[Question]: Would it be possible to have change settings under style manager in a way that it has href when a link is created?
I'm using preset newsletter with built-in RTE (do not want to use ck editor like the demo) In order to make any text to link, i need to cli...
Issue #1614
[Bug]: adding css variables as style manager property
trying to add css variable to style manager causing error: Uncaught TypeError: Cannot read property 'toUpperCase' of undefined fiddle Am i...
Issue #1137
Cant make Text Block not editable and style able at the same time !
Demo / reproduce problem https://jsfiddle.net/shareefhiasat/u8Lodyh7/1/ Question Not sure if its bug or i dont know how to get the desired...
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.