SetStyle/getCss() produces duplicated css
Se aplican estilos predeterminados que puedes desactivar fácilmente (pasar una cadena vacía) https://github.com/GrapesJS/grapesjs/blob/a83847b1b35e69e5a5810ccf1eb1e1384bf0aab1/src/editor/config/config.ts#L143-L147
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://codesandbox.io/s/silent-river-ifczcvDescribe el bicho ¿Cómo reproducir el bicho?Visita el lugarVer consola. Presta atención al selector '' y 'body' Resultado esperado No debe duplicarse Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: '''js editor = grapesjs.init({ storageManager: false // ... }) editor.on("update", () => { Guardar en backend console.log("editor getCSs", editor.getCss()); }); editor.on("...
Respuestas (2)
Se aplican estilos predeterminados que puedes desactivar fácilmente (pasar una cadena vacía) https://github.com/GrapesJS/grapesjs/blob/a83847b1b35e69e5a5810ccf1eb1e1384bf0aab1/src/editor/config/config.ts#L143-L147
Gracias por informar de esto, @handhikadj. Buena pregunta sobre setStyle/getCss() produce css duplicado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on(...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #6152
El CSS añadido mediante código personalizado persiste después de que se elimina un componente de código personalizado
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible ht...
Issue #5019
No se puede configurar el modo de vista previa en editor init cuando se usa loadProjectData()
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v111 Enlace de demo reproducible h...
Issue #5346
Eliminar un componente sin eliminar su estilo correspondiente
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo r...
Issue #4851
This.on('change:attributes:type', this.handleTypeChange) no soportan tipo de array
Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 108.0.5359.125Enlace de demo repro...
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.