El editor tarda mucho en cargar (a veces más de 1 minuto)
Gracias @MisterKeyboard proporcionar el JSON. Tu proyecto contiene reglas de estilo 10K, que es mucho, pero aun así, no esperaría que la carga se viera tan afectada. @mohamedsalem401 creo que necesitamos verificar si los cambios relacionados con la fuente de datos (por ejemplo, 'StyleableModel.set') no están afectando...
Lee la respuesta completa abajo ↓Pregunta
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Descripción El editor tiene tiempos de carga muy lentos. En páginas complejas (por ejemplo, una página principal con muchos elementos y plugins como carruseles), puede tardar hasta 1 minuto y 20 segundos en cargarse completamente. Pero incluso en páginas con solo unos pocos elementos, la carga sigue siendo notablemente lenta (varios segundos). Este problema de rendimiento dificulta el uso del editor en producción. Pasos p...
Respuestas (4)
Gracias @MisterKeyboard proporcionar el JSON. Tu proyecto contiene reglas de estilo 10K, que es mucho, pero aun así, no esperaría que la carga se viera tan afectada. @mohamedsalem401 creo que necesitamos verificar si los cambios relacionados con la fuente de datos (por ejemplo, 'StyleableModel.set'...
@artf Lo revisaré y daré una actualización sobre esto.
@MisterKeyboard ¿puedes compartir el JSON del proyecto para que podamos verificarlo?
El tiempo de carga lento de GrapesJS, especialmente con páginas complejas, es un desafío común en editores web ricos. Se debe al extenso procesamiento necesario para analizar, renderizar y hacer editable una estructura HTML grande e intrincada. Aunque GrapesJS está altamente optimizado, la gran can...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4837
Los IDs de elementos HTML se incrementan en diferentes páginas cargadas en projectData
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 109 Enlace de demo reproducible h...
Issue #6211
Demasiada recursión
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0.2 Enlace de demo reproducib...
Issue #6683
Los modales se cierran con el evento de mouseup fuera del modal en lugar de con un clic completo
Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 143.0.7499.169 Enlace de demo reproducible...
Issue #4042
Los iconos no se cargan al cargar dentro de una aplicación angular
Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://stackblitz...
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
Claude Skill para GrapesJS: Cómo la IA está cambiando la forma en que construimos editores visuales
Hemos lanzado la Skill Claude para el Desarrollo GrapesJS — una habilidad gratuita y de código abierto que convierte a Claude en un desarrollador que realmente
Tutorial
Cómo construimos Composeit en tiempo récord usando GrapesJS Shadcn
Evita el estandarte fundamental del constructor y céntrate en lo que realmente importa.
Tutorial
Presentamos a GJS. Servicios de Mercado: lanza tu editor GrapesJS sin riesgo de integración
Es todo lo que normalmente consume semanas de tiempo de ingeniería, con el alcance y el precio de antemano. No hay sorpresas horarias abiertas.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.