Pérdida de consultas de medios predefinidas
Por favor, proporcionad una demo reproducible
Lee la respuesta completa abajo ↓Pregunta
Hola. Tengo un json predefinido de una plantilla que contiene un conjunto de elementos y estilos html que se analizan en el conjunto de componentes al cargar grapesjs. El CSS contiene algunas de las reglas predeterminadas de media query que me gustaría conservar para la plantilla. Los comandos editor.getHTML() y editor.getCSS() devolven los valores correctos cuando se carga la página. Quiero tener la posibilidad de modificar el código html y css por separado y reconstruir los componentes. Si intento usar el mismo código html y css para guardar la plantilla, mis consultas de medios predefinidas se pierden después de que los componentes se reinician en el lienzo:
En resumen, estoy haciendo lo siguiente:
sea initialHtml = editor.getHtml(); devuelve el HTML correcto
sea las iniciales Css = editor.getCss(); devuelve el CSS correcto con el conjunto predefinido de consultas de medios de JSON
editor. CssComposer.clear();
editor.setComponents(initialHtml);
editor.setStyle(inicialCss);
sea css = editor.getCss(); en este punto, faltan las consultas iniciales de medios aunque se proporcionaron en la variable inicialCss.
¿Podrías darme una pista para la solución alternativa?
Respuestas (3)
Por favor, proporcionad una demo reproducible
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para actuar. Por favor, contacta con nosotros si tienes o encuentras las respuestas que necesitamos para que podamos investigar más a fondo.
Tengo el mismo problema. Este es mi problema -> https://github.com/artf/grapesjs/issues/2843
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1888
[Pregunta] Añadir html personalizado dentro de Canvas
Hola, Estoy usando uvas para exportar un json personalizado con toda la información que necesito, en lugar de HTML y CSS. Para hacer eso, e...
Issue #2784
¿Están rotas las consultas de medios?
Solo estoy probando la demo en mi móvil https://grapesjs.com/demo.html renderizado de HTML/CSS https://us-central1-connectionhelper-6e7ed.c...
Issue #1906
Componentes y Js - Plantilla de carga
Hola, Tengo un componente al que se le conecta un JS. Todo se crea usando el JS. Cuando arrastro y suelto mi bloque por primera vez, el JS...
Issue #1693
[BUG|/PREGUNTA] Caracteres extraños (Â) dentro de la vista previa CSS/HTML; Los elementos no se eliminan completamente
BICHO¿Estás usando la última versión (las versiones anteriores NO son compatibles)?0.14.50¿Te enfrentas al error con tu copia local de Grap...
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 →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.