Issue #2836💬 RespondidoAbierto el 16 de junio de 2020por RJCAMReacciones 1

No se puede añadir clase al añadir el Componente Dom

Respuesta rápidapor artf1

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)

artf18 de junio de 2020

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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.