Estilos de símbolos no sincronizados
Entendido, si quiero estilizar algo dentro de un símbolo y compartir los cambios debería añadirle una clase. ¡Gracias a ambos por la ayuda!
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 145.0 (64 bits) Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/ta19s6go/ Describe el bicho ¿Cómo reproducir el bicho? Ve a la demo oficial de Símbolos, crea un símbolo y cambia el color del texto del símbolo principal. Los símbolos de instancia no se actualizan. ¿Cuál es el comportamiento esperado? Los estilos de los símbolos deben actualizarse, como se ve en el vídeo PR. ¿Cuál es el comportamiento actual? Los estilos no se actualizan, a diferencia de los nuevos componentes, texto...
Respuestas (4)
Entendido, si quiero estilizar algo dentro de un símbolo y compartir los cambios debería añadirle una clase. ¡Gracias a ambos por la ayuda!
Hola Este color se aplica al elemento, en grapesjs esto significa que generará un css como '#compid { color: red; }pero los IDs son únicos en una página HTML, por lo que el otro símbolo tiene un ID diferente A mí también me pasa el problema, no sé cómo debería abordarse... Quizá @artf tenga una idea
Lo siento, no es un error, sino una "característica" 😅
En mi opinión, los estilos de componentes no deberían estar ligados a símbolos; Es una forma fácil de anular estilos entre símbolos similares (algo común). Si necesitas los mismos estilos, simplemente aprovechas las clases.
¡Gracias por reportar este problema y por las palabras amables sobre GrapesJS! Has identificado un punto común de confusión respecto a cómo se propagan los estilos dentro de GrapesJS Symbols. Causa raíz El comportamiento que observas no es estrictamente un bug, sino más bien una consecuencia de cóm...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4191
Estamos intentando almacenar los datos del editor grapesJS en la aplicación Angular 10, obteniendo un error CORS, imagen adjunta abajo
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.5 Enlace de demo reproducible htt...
Issue #5487
Style Manager no muestra múltiples reglas para la misma clase
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https...
Issue #4897
Component:styleUpdate / component:styleUpdate:propertyName no activado
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge 109.0.1518.70 Enlace de demo reprodu...
Issue #4601
La actualización() de tipos personalizados añadidos a StyleManager ya no se activa al cambiar entre algunos objetivos.
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium 104 Enlace de demo reproducible...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Cómo construir un creador de páginas impulsado por IA con GrapesJS en 2026
Lo que aprendimos construyendo GJSDocs — desde la simple generación de texto con IA hasta la edición visual estructurada y consciente del contexto
Tutorial
¿Cuánto cuesta construir un creador de páginas SaaS en 2026?
¿Cuánto cuesta crear un creador de páginas SaaS en 2026? Explora los costes realistas de desarrollo, los plazos, las funciones y cómo el uso de GrapesJS puede r
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.