PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 30

🔍 undo-manager
#670413 de febrero de 2026por mehdimoslehi2 respuestas
Reacciones 0

El editor se cierra y la plantilla no carga (tipo de lectura de error de tipo)

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 143.0.7499.193 Enlace de demo reproducible https://app.rechat.com/dashboard/marketing/history/Letter?printCampaignId=28f0587d-8738-4fd6-8087-da3167f6d737&action=edit Describe el bicho ¿Cómo reproducir el bicho? A...

artf

Por favor, proporciona una demo aislada y reproducible porque parece venir de la lógica de tu código y no está relacionada con el núcleo

GJS Helper

El bloqueo del editor de GrapesJS con un TypeError: Cannot read properties of undefined (reading 'type') al cargar la plantilla es causado por un HTML mal formado dentro del contenido que intentas cargar. Específicamente, ciertos elementos...

#66964 de febrero de 2026por jasonvijayyRespuesta 1
Reacciones 0

Se cierra al llamar a component.replaceWith() durante eventos del ciclo de vida con UndoManager activado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Logeshwaran-codepen/pen/raLJpYb Describe el bicho ¿Cómo reproducir el bicho? Seleccionar los componentes disponibles en lienzo. Escucha un evento del ciclo de vida (por ejemplo...

GJS Helper

El problema que has encontrado es un error común al realizar manipulaciones sincrónicas de DOM o árbol de componentes dentro de GrapesJS eventos del ciclo de vida, especialmente cuando el UndoManager está activo. El problema principal radi...

#668713 de enero de 2026por rhaarhoffRespuesta 1
Reacciones 0

Dependencia: Backbone-undo está obsoleto (npm) — ¿algún plan para reemplazar o eliminar?

Versión GrapesJS 22.0.14 (última versión a 20-11-2025) ¿Cuál es el comportamiento esperado? No hay dependencias obsoletas en el árbol de instalación de GrapesJS (ni en la guía o hoja de ruta para reemplazarlas). ¿Cuál es el comportamiento actual? Instalar [email protected] emite una advertencia de deprecación de npm/pn...

GJS Helper

La advertencia de desuecia para [email protected] al instalar GrapesJS es una preocupación válida respecto al mantenimiento de dependencias. Vamos a desglosar la situación y lo que significa para GrapesJS usuarios. Causa raíz: dependenci...

#617124 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

Rastrear un seguimiento personalizado y almacenable con UndoManager

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v129 Enlace de demo reproducible No aplicable Describe el bicho HOLA @artf, Actualmente estoy implementando un editor con grapesjs en el que es posible añadir capítulos junto a las páginas ya existentes. He impleme...

artf

Hola @rhoenerSBS por favor evita abrir problemas de errores para preguntas.

GJS Helper

El GrapesJS UndoManager realiza principalmente un seguimiento de los cambios en los modelos principales del editor (componentes, estilos, páginas, recursos) escuchando eventos específicos, especialmente change:state. Para que registre los...

#614310 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

ERROR/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v128 Enlace de demo reproducible https://jsfiddle.net/fjyk6n4a/2/ Describe el bicho Hola @artf, Actualmente estoy intentando envolver un componente en un componente de sección si aún no está envolvido. Estoy conect...

jasonvijayy

Hola @artf, Enlace reproducible También me cuelga cuando uso 'component.replaceWith()' junto con UndoManager. Esto solo ocurre cuando se activa 'replaceWith()' durante los eventos del ciclo de vida del editor (por ejemplo, 'cambiar:estado'...

GJS Helper

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre BUG/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#614210 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

Rehacer las páginas no funciona correctamente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v128 Enlace de demo reproducible https://app.grapesjs.com/studio Describe el bicho Después de añadir una página, eliminarla con deshacer y volver a añadirla con rehacer, la página no funciona correctamente. El Admi...

artf

Gracias por el informe @rhoenerSBS

GJS Helper

Esto es, de hecho, un error en el mecanismo de deshacer/rehacer de GrapesJS, especialmente al manejar añadidos y eliminaciones de páginas. El comportamiento que has descrito es consistente con una restauración incompleta del estado interno...

#608724 de agosto de 2024por leo-budgetsimple3 respuestas
Reacciones 1

Deshacer no funciona después de que se cambia el innerHTML de un componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimas novedades Enlace de demo reproducible https://jsfiddle.net/condsjm1/ Describe el bicho ¿Cómo reproducir el bicho?Cambiar el innerHTML de un componente Pulsa CTRL + Z ¿Cuál es el comportamiento esperado? Deshacer e...

artf

UndoManager rastrea los cambios en el estado de los componentes, no su DOM. Esto debería funcionar en tu caso 'element.components('Hello Planet')'

leo-budgetsimple

@artf ¡Gracias!

GJS Helper

El problema que estás encontrando se debe a manipular directamente la propiedad de innerHTML del componente, lo que evita el mecanismo interno de seguimiento de cambios de GrapesJS. El gestor de deshacer/rehacer de GrapesJS(parte de la ins...

#60477 de agosto de 2024por danstarnsRespuesta 1
Reacciones 0

Proceso de liberación

El proceso para publicar los artefactos de compilación del repositorio GrapesJS ha tenido los siguientes problemas: Se espera que los artefactos provengan directamente de las máquinas de los desarrolladores. - https://github.com/GrapesJS/grapesjs/pull/6041 El proceso es no documentado Tenemos varios paquetes que publi...

GJS Helper

Los problemas relacionados con el proceso de lanzamiento GrapesJS —concretamente, la dependencia de las máquinas de los desarrolladores para los artefactos y la falta de documentación— ponen de manifiesto la necesidad de un flujo de trabaj...

#574211 de marzo de 2024por bernesto4 respuestas
Reacciones 2

Construyendo en Windows 10+

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible N/A Describe el bicho ¿Cómo reproducir el bicho?Hacer git en un ordenador con Windows 10+Construir usando el procedimiento proporcionado. ¿Cuál es el comportamiento esperado? Deberí...

bernesto

Sí, hice todo lo habitual. Archivos de bloqueo, actualizaciones, varias formas de importar ({}, require, *, ruta completa, etc.) No sé por qué, pero cuando rompo algo, lo rompo bien. Siempre el soporte de nivel 2 o 3 ja. Creo que el proble...

bernesto

Buenos puntos. No he probado las otras versiones de Node. Lo probaré.

artf

Sí, la compilación/servicio está gestionada por la CLI (vamos a trasladar el problema ahí), pero no estoy seguro de cuál podría ser el problema (no hay Windows para probar 🥲).

#569121 de febrero de 2024por codei202 respuestas
Reacciones 0

Deshacer no funciona al seleccionar color de fondo o texto a través del selector de color

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 122.0.1 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho? En la demo oficial: https://grapesjs.com/demo-mjml.htmlAñadir una columna al lienzoSelecciona la...

artf

Probablemente esté relacionado con el plugin mjml, no con el núcleo porque no puedo reproducirlo (sugeriría abrir un problema en el repositorio correspondiente).

GJSBlock

Gracias por informar de esto, @codei20. Buena pregunta sobre Deshacer que no funciona al seleccionar color de fondo o texto con el selector de color. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

Explora todos los temas