Configurar la imagen de fondo da lugar a reglas de estilo duplicado

Gracias por el ejemplo @samuelmattos actualmente la única solución que puedo darte es empezar a usar esta opción: '''js grapesjs.init({ Normalmente, cuando actualizas el 'estilo' del componente, esto cambia el el atributo 'estilo' de Element. Desafortunadamente, el diseño en línea no lo permite uso de consultas multimedia (@media) o incluso pseudoselectores (por ejemplo: hover). Cuando 'avoidInlineStyle' es cierto, todos los estilos se insertan dentro de la regla css avoidInlineStyle: cierto, })

Probablemente en alguna próxima versión lo pondré por defecto en 'verdadero'. Desafortunadamente, esto no va a solucionar el error de las reglas duplicadas, pero al menos la regla se colocará para garantizar su anulación. He empezado a investigar el error

Primero que nada, sugiero usar 'self.target.addStyle({'image-background': 'url(...)'})' en tu caso, que es menos prolixo.

Quizá relacionado con este problema: el elemento también tiene una clase con una imagen de fondo predeterminada. Cuando abro el StyleManager solo veo esa imagen de fondo ahí. No las imágenes de las reglas del estilo Id. Parece que realmente no los usa en absoluto.

Bueno, si el Style Manager ve la clase en el componente seleccionado, obtendrás sus estilos; intenta desseleccionar la clase (usando la casilla).