Issue #2936✓ ResueltoAbierto el 3 de agosto de 2020por laviorosReacciones 5

PREGUNTA: El estilo en línea carga en id en lugar de en clase

Respuesta rápidapor artf5

Te sugeriría usar esta opción '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, }, }) ```

Lee la respuesta completa abajo ↓

Pregunta

Hola,

He estado usando tu herramienta durante un tiempo y decidí actualizar a una versión más nueva (de la v0.12.37 a la v0.16.3 + gjs-preset-newsletter). Tengo los estilos almacenados en línea, sé que no es deseable, pero como usamos la herramienta para crear correos, sigue siendo una opción más segura.

Is hay alguna forma de cargar estilos en línea en la clase, si el componente ya tiene una clase configurada (como solía estar en versiones anteriores)?

Aquí tengo un ejemplo de JSfiddle: https://jsfiddle.net/Lo91v0um/1/

Por lo tanto, en mi caso, tengo el siguiente componente:

'<div style="font-size: 20px;" class="my-class" >Un componente de texto</div>"

Si selecciono el componente, el selector aparece como la clase "mi-clase", pero el estilo se añade al id. Al editar el font-size del componente se añadiría a la clase y los cambios no serían visibles porque los que ya estaban en id los sobrscribirían.

Intenté añadir 'avoidInlineStyle', pero esto añadió una clase extra para cada componente en cada carga del editor, y ese no era el comportamiento deseado.

¿Hay alguna forma de que pueda seguir con el comportamiento antiguo? (antes del 14.0.40)

¡Muchas gracias! Lavinia

Respuestas (1)

👍 Muy útilartf26 de agosto de 2020

Te sugeriría usar esta opción '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, }, })

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.