Clase Defautl en bloque
Para lograrlo, necesitas añadir el estilo separado del bloque y establecer las clases en el bloque. Mira por ejemplo cómo se hace esto en el plugin de bloques básicos: https://github.com/artf/grapesjs-blocks-basic/blob/master/src/index.js#L29
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando añadir un bloque personalizado ! 1
y funcionan bien, salvo que los atributos styles están configurados como una clase predeterminada, por ejemplo ! 2
Quiero que esos atributos CSS estén configurados a la clase que estoy configurando en el atributo de clases ('header-banner') ¿Cómo puedo hacer eso?
Respuestas (3)
Para lograrlo, necesitas añadir el estilo separado del bloque y establecer las clases en el bloque. Mira por ejemplo cómo se hace esto en el plugin de bloques básicos: https://github.com/artf/grapesjs-blocks-basic/blob/master/src/index.js#L29
También puedes hacer esto '''js Contenido: ' <div class="header-banner">...</div> <style> .header-banner { ... } </style> `
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1182
¿Cómo añado una clase personalizada?
Hola, puedo añadir un ID personalizado como este ! qq20180607-172838 Pensaba que era model.set('attributes', { class: 'aa')}), pero no func...
Issue #1843
No se aplican clases en diferentes estados a esos estados.
Estoy intentando aplicar una clase en el paso del cursor de un componente y la clase se está aplicando, pero no en el surcurso, se aplica c...
Issue #995
[Pregunta] cómo añadir campos en un rasgo dinámicamente
Estoy construyendo el rasgo cuando empieza la solicitud. Así que poner los campos de abajo en la barra lateral como ajustes ! rasgo2 Ahora...
Issue #1987
[PREGUNTAS] Crear barra de herramientas en la parte inferior
¿Puedo crear una nueva barra de herramientas que esté situada en la parte inferior (como muestra el cursor) cuando selecciono el componente...
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.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.