PREGUNTA: El estilo en línea carga en id en lugar de en clase
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)
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.
Issue #913
[Pregunta] Usando la etiqueta Style en lugar de css
Hola, He estado echando un vistazo al interior del dom_components, pero no consigo averiguar cómo anular manualmente el aspecto del estilo....
Issue #3179
AssetManager parece cargar los activos desde la caché y no se actualiza (Pregunta)
Hola, He estado intentando integrar Grapes en mi proyecto VueJs durante las últimas semanas, pero tengo una pregunta para AssetManagement....
Issue #3053
Permitir al usuario añadir dinámicamente una hoja de estilo global al canvas
Hola, Quería ofrecer al usuario la opción de cargar una hoja de estilo personalizada en el lienzo. Esto es para que el usuario pueda aplica...
Issue #2039
[PREGUNTAS] ¿Cómo puedo actualizar los estilos de una clase?
Hola, tengo este botón, cuyo estilo cambia al pasar el cursor y se añade una nueva clase: '<button class="btn btnhovered">Button 1</button>...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.