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 877

🔍 question
#666326 de noviembre de 2025por lexoyo4 respuestas
Reacciones 0

Los símbolos se rompen al cargar páginas progresivamente (las instancias pierden __symbol enlace)

Aquí tienes un vídeo que muestra el error: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox último y Chrome v141.0.7390.122 Enlace de demo reproducible https://canary.silex.me/ Puedo usar un...

lexoyo

Ah, y estaré encantado de contribuir si me dices en qué solución debería centrarme (un comando para reconectar instancias, un método asincrónico para cargar datos de proyectos como hago en Silex, ...) CC @artf

artf

Sí, parece un problema con esa forma de cargar páginas 🤔 No veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera?

lexoyo

sí, parece que hay un problema con esa forma de cargar páginas 🤔, no veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera? Así evita bloquear el hilo principal durante demasiado...

#665925 de noviembre de 2025por NilLlisterri4 respuestas
Reacciones 1

Estilos de símbolos no sincronizados

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 145.0 (64 bits) Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/ta19s6go/ Describe el bicho ¿Cómo reproducir el bicho? Ve a la demo oficial de Símbolos, crea un símbolo y cambia el color del texto del símbo...

NilLlisterri

Entendido, si quiero estilizar algo dentro de un símbolo y compartir los cambios debería añadirle una clase. ¡Gracias a ambos por la ayuda!

lexoyo

Hola Este color se aplica al elemento, en grapesjs esto significa que generará un css como '#compid { color: red; }pero los IDs son únicos en una página HTML, por lo que el otro símbolo tiene un ID diferente A mí también me pasa el problem...

artf

Lo siento, no es un error, sino una "característica" 😅 En mi opinión, los estilos de componentes no deberían estar ligados a símbolos; Es una forma fácil de anular estilos entre símbolos similares (algo común). Si necesitas los mismos est...

#665520 de noviembre de 2025por yvoroniak-infusemedia3 respuestas
Reacciones 1

Tengo problemas con el colopicker que tiene problemas con los convertimientos de color adecuados

https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/utils/ColorPicker.ts#L2407C5-L2415C6 Me remonté a estas líneas y parece que al convertir HEXA a RGBA, tres líneas estropean los resultados. ¿Hay alguna razón particular para soportar intencionadamente el ARGB heredado?

artf

Gracias por el informe. Esto debería haberse arreglado aquí https://github.com/GrapesJS/grapesjs/pull/6672

yvoroniak-infusemedia

Por ejemplo: #ff000077 (rojo transparente) se está convirtiendo en #000077 (tono de azul). I tried monkey patch it but seems like internaly grapes js uses its own implementation not the one bound to window. (unfortunately for me) Estaría b...

GJS Helper

El problema que has identificado respecto a la GrapesJS ColorPicker que tiene dificultades con conversiones de color adecuadas, específicamente de HEXA a RGBA, y tu observación sobre el posible soporte antiguo para ARGB, apunta a un malent...

#665419 de noviembre de 2025por zjt-dev4 respuestas
Reacciones 0

El editor de texto enriquecido no puede activarse

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome V91 Enlace de demo reproducible https://codepen.io/asenper/pen/QwNMwpV Describe el bicho Espero que el RTE se abra al hacer clic en el texto, pero no pasa nada. ¿Es esto un error o me estoy perdiendo alguna configuración ad...

artf

Por defecto, el componente de texto se activa con un doble clic https://github.com/GrapesJS/grapesjs/blob/f59e981f76ff378f59c06cf706af88e502db098e/packages/core/src/dom_components/view/ComponentTextView.ts#L22

zjt-dev

<img width="1382" height="393" alt="Image" src="https://github.com/user-attachments/assets/6a3850b9-91ed-43de-b9ae-1a2f703e6f02" /> <img width="695" height="468" alt="Image" src="https://github.com/user-attachments/assets/2a62ad3b-ed7a-4d8...

artf

Cuando importas HTML genérico es difícil detectar correctamente los componentes de texto. Si tienes la capacidad de editar HTML puedes aplicarlo mediante los atributos gjs '<div data-gjs-type="text">Insert...'.

#665117 de noviembre de 2025por DavidHarvey2 respuestas
Reacciones 0

Droppable se ignora al mover un componente textible a texto

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 142.0.7444.61 Enlace de demo reproducible https://codepen.io/DavidHarvey-the-lessful/pen/ZYWeMbG Describe el bicho El estado de 'droppable' del componente se ignora al mover un componente 'textible' a uno de 'texto'. ¿Cómo...

artf

https://github.com/GrapesJS/grapesjs/pull/6652#issuecomment-3551018995

GJS Helper

El problema que has encontrado, donde droppable: false en un componente GrapesJS text se ignora cuando se arrastra un componente textable es un comportamiento conocido derivado de cómo GrapesJS integra su Editor de Texto Enriquecido (RTE)...

#664611 de noviembre de 2025por soul-media3 respuestas
Reacciones 0

Error de JavaScript cuando quiero añadir relleno

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome y Firefox Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho? Chrome y Firefox: Añadir relleno a una imagen / texto A veces ocurre el error, a veces no. https://github.com/user-attachments/assets/01270f...

trebor94

Me he estado encontrando con el mismo problema y también uso el plugin 'grapesjs-mjml'. Aparentemente solo ocurre cuando se carga un proyecto que tiene la propiedad 'style' presente en los 'atributos' de un componente cuando el proyecto es...

trebor94

Desafortunadamente, no he conseguido averiguar dónde ni cuándo exactamente se añade la propiedad 'style' al componente 'style' al exportar datos de un proyecto previamente cargado. Quizá alguien más pueda identificar qué causa el problema....

GJS Helper

Parece que te has encontrado con un error en GrapesJS, especialmente al trabajar con componentes MJML y aplicar estilos como el relleno, lo que lleva a que se generen y almacenen atributos inválidos. Este problema parece ser una regresión,...

#66418 de noviembre de 2025por bilogic2 respuestas
Reacciones 0

Error al establecer valores predeterminados de un modelo extendido

Versión GrapesJS [x] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 141.0.7390.123 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/p/sandbox/jovial-elion-js8zgy?file=%2Findex.js%3A1%2C1-15%2C1 Describe el bicho Lo anterior funcionó en 0.15.x pero no...

artf

Hola, @bilogic tu demo parece usar la API adecuada para extender componentes, la que depende de '.extend(' fue eliminada hace mucho tiempo

GJS Helper

El problema que tienes al extender un modelo de componentes de GrapesJS , específicamente el tipo 'enlace', e intentar establecer su propiedad de defaults referenciando directamente linkType.model.prototype.defaults es un cambio de comport...

#663428 de octubre de 2025por ssteele3 respuestas
Reacciones 0

Errores de accesibilidad

Versión GrapesJS [x] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 141.0.7390.123 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Nuestra aplicación sirve a clientes que requieren que todas las páginas sean accesibles para todos los usuarios. Estoy eje...

niemyjski

También estoy viendo este comportamiento.

artf

Esto está relacionado con https://github.com/GrapesJS/preset-webpage Eres libre de actualizar estilos además de ese plugin o de enviar un RP con las correcciones ahí.

GJS Helper

Lograr el cumplimiento total de accesibilidad en un editor web complejo y dinámico como GrapesJS requiere una cuidadosa consideración y personalización. La Herramienta de Evaluación WAVE suele señalar problemas relacionados con atributos A...

#662914 de octubre de 2025por paolotozzoRespuesta 1
Reacciones 0

Estilos de componentes predeterminados aplicados incorrectamente a consultas de medios específicas de dispositivo en v0.22.10+

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://app.grapesjs.com/studio Describe el bicho ¿Cómo reproducir el bicho? Inicializar el editor GrapesJS con configuración predeterminada del dispositivo Cambiar a la vista d...

GJS Helper

El problema que has descrito es un cambio de comportamiento conocido introducido en GrapesJS v0.22.10+, donde los estilos de componentes por defecto se aplican incorrectamente a consultas de medios específicas de dispositivos cuando se aña...

#662310 de octubre de 2025por zhengtulymGhRespuesta 1
Reacciones 0

La lista dinámica personalizada se congela tras asignar un array y expandir filas para que coincidan con la longitud

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? 140.0.7339.214(正式版本) (x8664) Enlace de demo reproducible https://codesandbox.io/p/devbox/d27l6n Describe el bicho Quiero crear un componente de lista dinámica personalizado basado en GrapesJS (con 3 filas por defecto). Puede vincu...

GJS Helper

El problema de congelación que estás encontrando con tu componente personalizado de Lista Dinámica en GrapesJS es un ejemplo clásico de bucle de retroalimentación de eventos. Ocurre porque el escuchador de eventos responsable de actualizar...

Explora todos los temas