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 743

🔍 bug
#654315 de junio de 2025por ZedonboyRespuesta 1
Reacciones 0

Panel no retirado

Versión GrapesJS [x] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible ninguno Describe el bicho ¿Cómo reproducir el bicho? Del tutorial Mi estilo CSS ¿Cuál es el comportamiento esperado? Un lienzo en blanco ¿Cuál es el comportamiento actual? ... ! [Imagen]...

GJS Helper

El problema que estás encontrando, donde el panel de "Bloques" sigue siendo visible a pesar de configurarlo panels: { defaults: [] }, es un punto común de confusión. La opción de configuración panels: { defaults: [] } está diseñada para ev...

#65356 de junio de 2025por MikeCraig4183 respuestas
Reacciones 0

BUG(v 1.0.48): Pegar contenido rico divide los valores de los atributos en atributos individuales

Versión GrapesJS [x] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Cambia tu versión de 1.0.48 a 1.0.47 Describe el bicho ¿Cómo reproducir el bicho? Copiar contenido rico de Word Pegar en Grapes Estoy usando opciones autoalojadas ¿Cuál es el comportamie...

MikeCraig418

Para más contexto, el contenido en formato HTML desaparece de Grapes. El HTML almacena cadenas como:

artf

¿Qué editor de texto enriquecido usas? ¿Puedes ofrecer una forma de reproducirlo (por ejemplo, una forma de copiar el mismo texto)?

GJS Helper

El problema que estás encontrando en GrapesJS v1.0.48, donde pegar contenido rico (especialmente de fuentes como Microsoft Word) hace que los valores de los atributos se dividan en atributos individuales, es una regresión conocida. Esto no...

#652722 de mayo de 2025por tim-prom2 respuestas
Reacciones 1

Estilos en línea malformados que provocan congelamiento del editor

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 138.0.4 Enlace de demo reproducible https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw Describe el bicho ¿Cómo reproducir el bicho? Añadir página con componente que tenga estilos en línea malformados El editor no car...

artf

Gracias por el informe @tim-prom

GJS Helper

El problema que has encontrado, donde GrapesJS se congela debido a estilos inline mal formados, es un error crítico derivado de cómo el analizador CSS interno del editor maneja sintaxis inválida, específicamente comentarios no cerrados. Ca...

#651814 de mayo de 2025por jaredtmartin2 respuestas
Reacciones 0

Empezar no muestra los bloques tal como están escritos

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 136.0.7103.93 Enlace de demo reproducible https://jsfiddle.net/j826eL51/ Describe el bicho ¿Cómo reproducir el bicho? Sigue los pasos de la página de Comienzo Cuando llegas a Añadir bloques, los bloques no aparecen. ¿Cuál e...

artf

Gracias por el informe @jaredtmartin

GJS Helper

El problema que estás experimentando, donde los bloqueos no aparecen al seguir la guía de GrapesJS "Cómo empezar", se debe a una mala configuración en tus opciones de grapesjs.init , específicamente relacionada con cómo están configurados...

#651513 de mayo de 2025por jsxOverdose2 respuestas
Reacciones 0

Redimensionar un elemento afecta a todos los elementos de la misma clase

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 136.0.7103.93 Enlace de demo reproducible https://jsfiddle.net/L4pu0tzc/ Describe el bicho ¿Cómo reproducir el bicho? Añadir múltiples elementos de imagen al editor. Asignar el mismo nombre de clase (por ejemplo, clase="cla...

artf

Asegúrate de tener activada esta opción: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

GJS Helper

El problema que estás experimentando, donde redimensionar un elemento con una clase compartida afecta a todos los elementos con esa misma clase es un comportamiento conocido en GrapesJS, derivado de cómo gestiona y aplica estilos CSS. Por...

#650225 de abril de 2025por jsxOverdose2 respuestas
Reacciones 0

El estilo en línea sobrescribe reglas CSS basadas en ID

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v135.0.7049.96 Enlace de demo reproducible https://jsfiddle.net/bqkLwt8j/ Describe el bicho Cuando un elemento tiene un estilo en línea y también coincide con una regla CSS basada en ID, los estilos del selector de ID se el...

artf

Gracias por el informe @jsxOverdose Se arreglará en la próxima versión

GJS Helper

Has identificado con precisión un comportamiento específico en GrapesJS donde los estilos en línea parecen anular completamente las reglas CSS basadas en ID, incluso para propiedades no conflictivas. Esto es, de hecho, una desviación de la...

#649415 de abril de 2025por yashvi2026Respuesta 1
Reacciones 0

Crear y destruir errores de lanzamiento repetidos

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/QwwLjBQ Describe el bicho ¿Cómo reproducir el bicho? Haz clic en Crear y luego en Destruir repetidamente y rápidamente. Al depurar, descubrí que el error ocurre de...

GJS Helper

El problema que estás encontrando con GrapesJS, donde la creación y destrucción rápida y repetida del editor conduce a errores como undefined 'allcomponents' y undefined 'lastcomponent', es un ejemplo clásico de una condición de raza y inc...

#648510 de abril de 2025por yashvi20262 respuestas
Reacciones 0

ShowSelectionPalette no funciona con el selector de color personalizado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/GgRbMyg Describe el bicho ¿Cómo reproducir el bicho? Añadir un cuadro de texto. Habilitar RTE. Haz clic en la última opción. Cambiar color clic aceptar ¿Cuál es el...

mosh-tudor

@yashvi2026 Tu código tiene muchos problemas, y por eso no funciona. Esto no tiene nada que ver con GrapesJS. Quizá quieras usar una herramienta de IA para revisar tu código si no tienes claro qué falla.

GJS Helper

El problema que estás experimentando, donde el selector de color personalizado en el Editor de Texto Enriquecido (RTE) de GrapesJSno muestra el color previamente seleccionado al reabrirlo, se debe a que la implementación onOpen del selecto...

#645820 de marzo de 2025por accvi4 respuestas
Reacciones 1

Sector.setName no funciona

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/qbpodnm4/ Describe el bicho ¿Cómo reproducir el bicho? Seleccionar un componente en el lienzo. Ve al responsable de estilo y comprueba si "General" ha cambiado su nombre a "A...

mosh-tudor

@accvi https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496

accvi

¿Estoy haciendo algo mal en el código? La IA no podía ayudar.

artf

@accvi #6031 (respuesta en el hilo) ☝️

#644715 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0

Informe de error: Menú de navegación no responde

Descripción El menú de navegación no responde correctamente a los cambios de tamaño de pantalla en dispositivos móviles. Pasos para reproducirse Abre el generador de páginas Añadir un componente de menú de navegación Previsualización en dispositivo móvil o redimensionar la ventana del navegador Observa el comportamien...

artf

Hola @brighterfrog es importante seguir la plantilla del informe de errores. Por favor, abre un informe de error válido (con una demo reproducible).

GJS Helper

El problema que tienes con el menú de navegación GrapesJS que no responde en dispositivos móviles es un reto común, ya que GrapesJS proporciona principalmente los componentes estructurales. Lograr un menú de navegación totalmente responsiv...

Explora todos los temas