No se pueden cargar estilos guardados como !importante
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)
Ya he hecho una corrección para esto, estará disponible en la próxima versión
¡Genial! Estaré esperando a que salga este lanzamiento.
¡Gracias!
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 #1893
[PREGUNTA] Por definición, todos los bloques tienen que tener el mismo estilo
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderiz...
Issue #1150
[Pregunta] Obtén subidas como Base64
Hola a todos, Necesito ayuda para integrar esto en una aplicación web que tengo. Todo se renderiza y funciona como se espera, pero estoy in...
Issue #1964
[PREGUNTA] Requisitos mínimos para crear un componente personalizado
He estado leyendo la documentación todo el día sobre cómo crear un componente personalizado. También he mirado grapesjs-mjml como ejemplo....
Issue #1912
[PREGUNTA] Componentes personalizados hijos por defecto
Hola, Estoy intentando entender cómo puedo lograr lo siguiente.Crear un componente con un contenido predeterminado como hijos.Crea un bloqu...
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.