Reglas de CSS guardadas anteriormente que no se muestran en Style Manager
Publica la configuración de grapesjs y su versión
Lee la respuesta completa abajo ↓Pregunta
Las reglas CSS guardadas previamente usando el método remoto no aparecen en el Administrador de Estilos.
Respuesta remota en JSON
'{"gjs-assets":"","gjs-css":"*{box-sizing: border-box;}body{margin:0;}#c743{color-de-fondo:#b0aeae;}cuerpo{margin-top:0px; margen-derecha:0px; margen-bottom:0px; marje-izquierda:0px;}#c743{color-fondo:rgb(76, 70, 70);}cuerpo{margin-top:0px; margen-derecha:0px; margen-bottom:0px; marje-izquierda:0px;}#c743{color-fondo:rgb(234, 38, 10);}#c838{color-fondo:rgb(83, 19, 215);}. row{display:table; Acolchado: 10px; relleno-derecha: 10px; relleno-abajo: 10px; relleno-izquierda: 10px; Ancho:100%;}. celda{ancho:8%; pantalla:table-celda; Altura:75px;}@media (ancho máximo: 768px){.celda{ancho:100%; display:block;}}","gjs-styles":","gjs-html":"<div class="row"><div class="cell" id="c743"></div></div><div class="row"><div class="cell" id="c838"></div></div>","gjs-components":""}'
Al mismo tiempo, estas reglas de CSS se aplican correctamente al contenido del editor.
Cuando se aplican nuevos estilos para sobrescribir el css existente usando el Gestor de Estilos, las reglas css recién creadas no reemplazan la regla css existente correspondiente.
editor.getCss() devuelve tanto las reglas antiguas como las nuevas de CSS.
Respuestas (3)
Publica la configuración de grapesjs y su versión
'''js var editor = grapesjs.init({
contenedor: '#gjs', Plugins: ['GJS-Bloques-Básico'],
protegidoCss: '',
storageManager: { Tipo: 'A distancia', pasosAntesDeguardar: 10, autoload: cierto, urlLoad: base_url+'superadmin/educationalContent/get_learn_page/'+<?php echo $concept_id; ?>, contentTypeJson:true, params: {}, // Para valores personalizados en peticiones },
assetManager: { Activos: <?php eco $new_imágenes; ?> /* 'http://placehold.it/350x250/78c5d6/fff/image1.jpg', Pasa un objeto con tus propiedades { tipo: 'imagen', Src: 'http://placehold.it/350x250/459ba8/fff/image2.jpg', altura: 350, Ancho: 250 }, { Como la 'imagen' es el tipo base de recursos, omitirla sí se establezca como 'imagen' por defecto SRC: 'http://placehold.it/350x250/79c267/fff/image3.jpg', altura: 350, Ancho: 250 },*/ , noAssets: 'Sin activos', subir: base_url+'superadmin/qsm/upload/uploadGrapes', uploadName:'file', autoAdd: 1, Zona de caída: 1, },
});
Versión: 0.12.17
Para probar con la última versión
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1753
[Bug/Pregunta] StyleManager - SectorsView - addToCollection() utiliza el atributo "name" para construir el ID y falla con varios espacios o caracteres especiales
Hola @artf, Usando la propiedad pluginOpts del método grapesjs.init(), personalicé los sectores que aparecen en el Style Manager (a través...
Issue #1083
Plantilla de importación
Hola. Tengo una cadena json como esta '{ "assets": "[{\"type\":\"image\",\"src\":\"./img/team1.jpg\",\"unitDim\":\"px\",\"height\":0,\"widt...
Issue #1778
No se puede cargar desde el remoto
Estoy intentando cargar desde una URL remota y nunca carga nada. Esta es la respuesta que recibo con la función de carga: 'Cargado {0: "↵",...
Issue #896
[BUG] Las reglas de consulta de medios son anuladas por las reglas de clase en el lienzo
Hola @artf, He notado un problema mientras probaba una de mis plantillas usando diferentes configuraciones de dispositivos que supuestament...
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.