¿Cómo puedo actualizar los estilos de una clase?
Para conseguir la regla con esa clase usa 'CssComposer.getRule' y, una vez que tengas la regla, actualiza su estilo '''js regla const = editor. CssComposer.getRule('.btn_hovered'); rule && rule.addStyle({ color: 'red' }); ```
Lee la respuesta completa abajo ↓Pregunta
Hola, tengo este botón, cuyo estilo cambia al pasar el cursor y se añade una nueva clase: '<button class="btn btn_hovered">Button 1</button>'
' <button class="btn">Button 2</button>'
¿Hay alguna forma de cambiar los estilos de una clase en particular? ¿Quisiera añadir un color personalizado a la clase "btn_hovered"? Cualquier ayuda es bienvenida, gracias.
Respuestas (3)
Para conseguir la regla con esa clase usa 'CssComposer.getRule' y, una vez que tengas la regla, actualiza su estilo '''js regla const = editor. CssComposer.getRule('.btn_hovered'); rule && rule.addStyle({ color: 'red' });
@artf Hola, estoy intentando acceder con esa afirmación, pero recibo nulo como respuesta, ¿cuál podría ser el problema?
Bueno, la regla debería estar ahí al principio. Si usas la opción 'canvas.styles' en tu método init, esos no se añaden en CssComposer, así que tienes que añadirlo primero.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3309
Los Nodos de Texto interfieren al cambiar el contenido en un elemento
Versión: 0.16.44 Hola @artf Tengo un bloque personalizado con un componente de botón personalizado, cuyo contenido es similar al de este. `...
Issue #2936
PREGUNTA: El estilo en línea carga en id en lugar de en clase
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-pres...
Issue #1821
[PREGUNTAS] ¿Cómo aplicar los cambios de estilo al ID en lugar de a la clase?
Hola, Tengo dos elementos con las mismas clases. Quiero aplicar cambios de estilo con el gestor de estilos a uno de estos dos elementos. Yo...
Issue #859
[PREGUNTAS] Cambiar el estilo del lienzo
Hola, Tengo algunas dudas sobre el estilo del lienzo, en este caso tengo una configuración así. '''js var editor = grapesjs.init({ contened...
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.