Issue #1531💬 RespondidoAbierto el 19 de octubre de 2018por alfaalex81Reacciones 0

Clase CSS

Respuesta rápidapor alfaalex81

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)

alfaalex8122 de octubre de 2018

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.

artf29 de octubre de 2018

@alfaalex81 no puedo reproducirlo, por favor crea una demo en directo

alfaalex8130 de octubre de 2018

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.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.