Clase CSS
Por ejemplo, tengo este código en Canvas GrapesJs añade a CSS esta clase Esta regla modifica todos los elementos con esta clase, es una clase bootstrap genérica que usamos en todos los sitios.
Lee la respuesta completa abajo ↓Pregunta
¡Hola! Probablemente este problema ya esté publicado, pero no entiendo en qué me equivoco. Yo uso estos tres parámetros en init GrapesJs.
protegidoCss: '',
avoidInlineStyle: cierto,
forceClass: cierto,
Me gustaría que GrapeJs no editara css preexistente, sino que solo creara el suyo propio. ¿Es posible?
¡Gracias!
Respuestas (3)
Por ejemplo, tengo este código en Canvas
<div class="row">
<div class="col-md-6" estilo="min-altura: 50px"></div>
<div class="col-md-6" estilo="min-altura: 50px"></div>
</div>
GrapesJs añade a CSS esta clase
.col-md-6 {
Altura mínima: 50px;
}
Esta regla modifica todos los elementos con esta clase, es una clase bootstrap genérica que usamos en todos los sitios.
@alfaalex81 no puedo reproducirlo, por favor crea una demo en directo
https://jsfiddle.net/ugc1otnk/
En el ejemplo en el que cambio el color de fondo en la primera columna, GrapesJs establece el atributo css en la clase externa "col-md-6", que es el nombre de una clase bootstrap. Prefiero la clase de Grapesjs con su propia clase.
Además, creo que he encontrado un error. Selecciona la primera columna y desselecciona la clase "col-md-6" en el panel del gestor de estilos; el nombre de la clase "example" aparece pero esta clase está asociada en la segunda columna. Es solo un error visual.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #471
Colisión de estilos de biblioteca de terceros
Hola, Me gustaría incluir estilos de terceros y JavaScript en el editor. Se están añadiendo así: El problema que estoy experimentando con e...
Issue #1875
[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.
Hola, He creado un componente y un bloque que puedo arrastrar y soltar en el lienzo. Mi problema es que algunos estilos dependen del ID. Sé...
Issue #1230
[Pregunta]: Doctype en el iframe de lienzo
Hola @artf, he notado que el iframe de lona no parece tener ningún doctype activado, lo que hace que esté en modo quirks. ¿Es esto intencio...
Issue #973
[Pregunta]: Doctype en el iframe de lienzo
Hola @artf, he notado que el iframe de lona no parece tener ningún doctype activado, lo que hace que esté en modo quirks. ¿Es esto intencio...
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.