Todas las instancias de componentes personalizados se están actualizando
¡Hola! Supongo que es porque tus bloques tienen clases similares y tienen selectores en común. en la última versión, ''avoidInlineStyle'' es cierto por defecto, ¿así que lo estás experimentando en la última versión?
Lee la respuesta completa abajo ↓Pregunta
Hola,
Creé un componente personalizado para un botón de alternancia. Mi problema es que, una vez que arrastro y suelto más de uno, y luego edito alguno de ellos, todas las instancias se actualizan en cuanto a color, tamaño, etc. Estoy usando la última versión de grapesjs
editor. BlockManager.add('toggle', {
etiqueta: 'Toggle',
Atributos: { Clase:'FA FA-Toggle-ON'},
categoría: 'Básico',
Contenido: '<etiqueta clase="switch"> <input type="checkbox"><span class="slider"></span></label>'
})
Todas las animaciones y propiedades están en el CSS que cargué en el editor. ¿Alguna idea de por qué puede estar pasando esto?
Respuestas (2)
¡Hola! Supongo que es porque tus bloques tienen clases similares y tienen selectores en común. en la última versión, ''avoidInlineStyle'' es cierto por defecto, ¿así que lo estás experimentando en la última versión?
La suposición de @pouyamiralayi es correcta, esto ocurre por las mismas clases y tienes que toggle en el gestor de estilos para que solo se pueda estilizar el estilo component. Por cierto, pronto intentaré, espero, ofrecer una solución más intuitiva
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #761
Problema de componentes de texto
Hola. Ojalá tuviera un componente de texto que no cree nuevos componentes cada vez que pulso la tecla "Enter" para crear nuevos párrafos (e...
Issue #3044
[PREGUNTA]: El nuevo botón de barra de herramientas solo funciona para componentes añadidos nuevos y no para los existentes
Hola a todos, ¿alguien puede explicarme por qué cuando creo un nuevo botón personalizado en la barra de herramientas, este botón solo apare...
Issue #1906
Componentes y Js - Plantilla de carga
Hola, Tengo un componente al que se le conecta un JS. Todo se crea usando el JS. Cuando arrastro y suelto mi bloque por primera vez, el JS...
Issue #1537
Componente duplicado, no estilo
Hola, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí es...
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.