Arrastrar el segundo bloque no tiene CSS
Prueba a estilizar con clases como selector en lugar de ids
Lee la respuesta completa abajo ↓Pregunta
¡Hola! He conseguido crear diferentes bloques con su propio HTML y CSS usando BlockManager. Pero una vez que arrastro el mismo bloque, el CSS deja de funcionar. Ya lo he depurado. Y descubrí que está renombrando el id de mis bloques. Por ejemplo. Tengo una tabla con el ID de 'custom-table'. Y cuando arrastro la misma tabla, el id se convierte en 'custom-table-2'. Pero el CSS con un selector de '#custom-table' no cambia. Así que no tendrá el estilo. Cómo solucionar este problema. Gracias
Respuestas (2)
Prueba a estilizar con clases como selector en lugar de ids
No puedes tener varios elementos con el mismo ID (también en contra de especificaciones HTML5), así que el editor intenta arreglarlo, así que sí, tienes que usar clases
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3119
[PREGUNTA] ¿Cómo crear un bloque personalizado hecho con componentes de grapesjs?
Hola, quiero que me hagan bloques personalizados con componentes de grapesjs. Encontré la solución para añadir componentes: https://github....
Issue #1895
[PREGUNTA] Arrastra el componente sobre el lienzo con script, script añadido varias veces.
Hola, no estoy seguro de si esto es un error o no. Pero he notado un comportamiento extraño: cuando arrastro un bloque que tiene un compone...
Issue #3412
El guardado automático funciona parcialmente y deja de funcionar tras insertar texto
Hola a todos. Estoy usando este proyecto increíble para una aplicación de producción escrita con React.js, así que lo integré dentro de mi...
Issue #2644
[AYUDA] GrapesJS carga html/css desde la base de datos
Hola, Estamos usando grapesjs en nuestra app de Angular. Hemos conseguido crear y guardar el html/css de grapesjs en nuestra base de datos....
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.