Issue #1179💬 RespondidoAbierto el 6 de junio de 2018por mfloressosaReacciones 1

No se pueden cargar estilos guardados como !importante

Respuesta rápidapor artf1

Ya he hecho una corrección para esto, estará disponible en la próxima versión

Lee la respuesta completa abajo ↓

Pregunta

¡Hola!

Estoy intentando que todos los estilos de usuario tengan la bandera "!important", para evitar que otras clases existentes lo anulen (por ejemplo, bootstraps se silencia por texto). Creo que casi lo tengo funcionando bien. Sin embargo, estoy teniendo un problema al intentar reabrir un diseño que ya había exportado.

Usé este #1056 para añadir todos los estilos nuevos con !importante en cada propiedad. Esto funciona bien, y de hecho se añade tanto en el lienzo como en el CSS exportado.

El problema surge cuando intento volver a abrir el diseño exportado. Como ahora cada propiedad tiene el texto !important después del valor real de estilo, muchos tipos de entrada en el gestor de estilos no reconocen el valor original. Por ejemplo, todos los estilos de combo y de tipo radio se muestran vacíos. Los selectores de color muestran algo como "rgb(254, 13, 13) !important" y no muestran el color seleccionado correcto. Los estilos en el lienzo realmente se están aplicando.

Quizá haya alguna forma de personalizar una "función de carga de estilo", o hacer que el gestor de estilos ignore la declaración "!important" al cargar un estilo. He investigado pero no lo he encontrado.

Mi segunda opción fue eliminar todo el texto "!important" antes de cargar el CSS, y luego, después de cargar el editor, intentar hacer un bucle y restablecer los estilos, para que el evento "styleable:change" los ajuste, igual que cuando se cambia la propiedad manualmente. Esto no funcionó, porque todas las APIs que probé para establecer el estilo de los eventos funcionaban igual que tener el "!important" desde el principio (dejando combos vacíos, etc.). No encontré una forma de API para "seleccionar el elemento y hacer un clic manual en el combo".

¿Alguna recomendación sobre cómo solucionarlo?

¡Por favor, perdón por mi inglés y gracias de antemano!

Respuestas (3)

artf8 de junio de 2018

Ya he hecho una corrección para esto, estará disponible en la próxima versión

mfloressosa8 de junio de 2018

¡Genial! Estaré esperando a que salga este lanzamiento.

¡Gracias!

lock[bot]17 de septiembre de 2019

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.

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.