No se puede añadir clase al añadir el Componente Dom
Sí, tienes que usar la propiedad 'classes', pero estoy de acuerdo en que eso es confuso (porque las clases se tratan de forma un poco diferente), así que intentaré hacer posible la inicialización también con el valor 'attributes.class'
Lee la respuesta completa abajo ↓Pregunta
GrapesJS Versión usada: 0.16.12 (actual)
Es un comportamiento extraño, puedo añadir todos los atributos que quiero cuando añado componentes directamente dentro del canvas usando la función de añadir componentes dom (como el código abajo), pero el editor siempre elimina la clase.
let component = editor. DomComponents.addComponent({
etiquetaNombre: 'div',
contenido: 'Texto de contenido', // Texto dentro del componente
estilo: {
Ancho: "100%",
Altura: "100px",
"color de fondo": "#ddd",
Color: 'Rojo'
},
atributos: {
título: 'divTitle', // Esto funciona
id: "divID", // Esto funciona
clase: "someClass" // Esto va a ser eliminado
}
});
La clase solo se añade si creamos primero el componente y luego le asignamos una clase. Por ejemplo, añadimos el código anterior y luego añadimos el código de abajo:
component.addAttributes({
clase: 'otra clase'
});
Respuestas (1)
Sí, tienes que usar la propiedad 'classes', pero estoy de acuerdo en que eso es confuso (porque las clases se tratan de forma un poco diferente), así que intentaré hacer posible la inicialización también con el valor 'attributes.class'
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3674
Componentes web invisibles
Versión: 0.17.19 ¿Cuál es el comportamiento actual? Que el componente web añadido sea visible: Al añadir componentes web dentro del contene...
Issue #5379
Las modificaciones de clase de los componentes no se detectan automáticamente
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome Versión 116Enlace de demo reproducib...
Issue #2014
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
Issue #2013
[BUG] - No se puede obtener contenido de un bloque de enlace
Hola a todos, Estoy usando la versión 0.14.52 de grapesjs. Estoy teniendo el siguiente problema: Cuando dejo un bloque de enlace dentro del...
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.