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). Probé a patcharlo con Monkey Patch, pero parece que internamente Grapes JS usa su propia implementación, no la que está vinculada a la ventana....

ClaudeCode

Gracias por informar de esto, @yvoroniak-infusemedia. Buena pregunta sobre Tengo problemas con el colopicker que tiene problemas con los convertimientos de color adecuados. El enfoque recomendado con GrapesJS es usar la API orientada a eve...

#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

ClaudeCode

Gracias por informar de esto, @DavidHarvey. ¡Gran sugerencia sobre Droppable se ignora al mover un componente textible a texto! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamien...

#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....

ClaudeCode

Gracias por informar de esto, @soul-media. Buena pregunta sobre error de Javascript cuando quiero añadir relleno. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#66418 de noviembre de 2025por bilogic2 respuestas
Reacciones 0

Error al establecer valores predeterminados de un modelo extendido

Versión GrapesJS [x] Confirmo que uso 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 '''javascript importar uvas de "uvasjs"; importa...

artf

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

ClaudeCode

Gracias por informar de esto, @bilogic. El problema con Error al establecer los valores predeterminados de un modelo extendido parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cua...

#663428 de octubre de 2025por ssteele3 respuestas
Reacciones 0

Errores de accesibilidad

Versión GrapesJS [x] Confirmo que uso 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 atiende a clientes que requieren que todas las páginas sean accesibles para todos los usuarios. Estoy gestionand...

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í.

ClaudeCode

Gracias por informar de esto, @ssteele. Buena pregunta sobre errores de accesibilidad. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico B...

#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...

ClaudeCode

Gracias por informar de esto, @paolotozzo. Buena pregunta sobre estilos de componentes predeterminados aplicados incorrectamente a consultas de medios específicas de dispositivo en v0.22.10+. El enfoque recomendado con StyleManager es usar...

#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...

ClaudeCode

Gracias por informar de esto, @zhengtulymGh. El problema con Lista Dinámica Personalizada se congela tras vincular un array y expandir filas para que igualen la longitud parece ser un problema de condición de carrera o de gestión de estado...

Explora todos los temas