Editor.load elimina estilos
Aún no hay respuestas de la comunidad. Abre la discusión original en GitHub para compartir tu solución.
Pregunta
Estoy usando 'editor.load' con el gestor de almacenamiento local integrado y el resultado es que se pierde el estilo de los elementos.
Cómo reproducirse:
- Navega hasta https://grapesjs.com/demo.html (o usa el proyecto new grapesjs e inicialízalo con 'storageManager: { type: 'local' }' y 'plugins: ['gjs-blocks-basic']')
- Ir a "Bloques" y arrastrar y soltar un enlace o bloque de texto
- Abrir la consola del navegador y ejecutar 'editor.load()' (o si usas un proyecto personalizado, ejecutar '.load' de tu instancia de editor)
Qué ocurre: Se pierde el estilo del bloque de texto / bloque de enlace. Si usas un proyecto personalizado ("limpio") notarás que antes de llamar a 'editor.load()' el almacenamiento local del navegador contiene la clave 'gjs-styles' que contiene un array con objetos que describen algunos estilos; tras ejecutar 'editor.load()' la clave 'gjs-styles' pasa a ser un array vacío '[]'.
Respuestas (0)
Aún no hay respuestas.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2834
[BUG] Grapesjs no inicializa estilos para envoltorio
Hola, me he encontrado con un error en el que grapesjs no inicializa estilos para el envoltorio. Pasos para reproducirse:Ir a https://grape...
Issue #1699
[BUG] Los elementos del enlace no son copiables ni eliminables
En el editor, si tenemos un elemento enlace con algunas clases, el editor no permite copiar o eliminar el elemento. Versión GrapesJS: v0.14...
Issue #1639
[Pregunta]: ¿Sería posible cambiar la configuración en el gestor de estilos de forma que tenga href cuando se crea un enlace?
Estoy usando un boletín predefinido con RTE integrado (no quiero usar el editor CK como en la demo) Para convertir cualquier texto en enlac...
Issue #4208
Error de estado de clic de estilo en todos los elementos
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Last, probado en Chrome Last y Safa...
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.
Tutorial
GrapesJS vs Gutenberg: How to Build a Custom WordPress Page Builder
Compare GrapesJS and Gutenberg, learn when to use each, and follow a step-by-step guide to build a production WordPress page builder with GrapesJS.
Tutorial
Integrating GrapesJS into a Vue 3 App — Complete Guide for 2026
Build a Vue 3 landing page builder with GrapesJS and Vite. Custom blocks, composables, remote storage, TypeScript & production tips. Updated for 2026.
Tutorial
Integrating GrapesJS into a Next.js App with @grapesjs/react wrapper
Seamlessly integrate GrapesJS with React, TypeScript, and Next.js using the official @grapesjs/react package for modern app development.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.