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 545

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

#660612 de septiembre de 2025por MisterKeyboard4 respuestas
Reacciones 2

El editor tarda mucho en cargar (a veces más de 1 minuto)

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

artf

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

mohamedsalem401

@artf Lo revisaré y daré una actualización sobre esto.

artf

@MisterKeyboard ¿puedes compartir el JSON del proyecto para que podamos verificarlo?

#66034 de septiembre de 2025por nanto2 respuestas
Reacciones 1

El amperand no se escapa en valor de atributo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome v142.0.7392.0 (canario) Enlace de demo reproducible https://jsfiddle.net/xce183nm/1/ Describe el bicho ¿Cómo reproducir el bicho? Crear una instancia de editor y cargar código HTML que contenga referencias a caracteres en e...

artf

Gracias por proporcionar toda la información y los detalles, ha sido útil. Gracias también por la imagen pública.

ClaudeCode

Gracias por informar de esto, @nanto. ¡Gran sugerencia sobre el ampersand no se escapa en valor de atributo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando...

#659018 de agosto de 2025por yashvi20262 respuestas
Reacciones 1

Poder acceder/eliminar/arrastrar los componentes bloqueados en layermanager

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/zxvREjB Describe el bicho ¿Cómo reproducir el bicho? Arrastrar y soltar el componente de texto ¿Cuál es el comportamiento esperado? No debería seleccionarse o arra...

artf

Puedes ocultar el componente de las capas con la propiedad 'layerable: false' o crear tu propia UI personalizada de gestor de capas con toda la lógica de UI que necesites.

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Cómo poder acceder/eliminar/arrastrar los componentes bloqueados en el administrador de capas. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. E...

#658916 de agosto de 2025por mohammedmoullaRespuesta 1
Reacciones 0

No se pueden arrastrar y soltar elementos en LayerManager después de cambiar la raíz

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Busca en Google Chrome v139.0.7258.128 Enlace de demo reproducible https://codesandbox.io/p/sandbox/relaxed-payne-vt3pgc Describe el bicho ¿Cómo reproducir el bicho? añadir algunos elementos al lienzo intenta encontrar elementos e...

ClaudeCode

Gracias por informar de esto, @mohammedmoulla. Buena pregunta sobre no se pueden arrastrar y soltar elementos en LayerManager después de cambiar la raíz. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: C...

#658713 de agosto de 2025por SebbonesRespuesta 1
Reacciones 0

Añadir texto a un símbolo reemplaza el nodo de texto una y otra vez

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox Desarrollador 142.0b9, Chrome 138.0.7204.184 Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/ta19s6go/ Describe el bicho ¿Cómo reproducir el bicho? Haz que el componente "Artículo" sea un símbolo Añadir un...

ClaudeCode

Gracias por informar de esto, @Sebbones. Buena pregunta sobre Añadir texto a un símbolo reemplaza el nodo de texto una y otra vez. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la doc...

#657020 de julio de 2025por nantoRespuesta 1
Reacciones 0

El parser ignora la opción 'parser.optionsHtml.keepEmptyTextNodes'

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrom v140.0.7307.0 (canario) Enlace de demo reproducible https://jsfiddle.net/y3gr69s4/ Describe el bicho ¿Cómo reproducir el bicho? Crear una instancia de editor con la opción 'parser.optionsHtml.keepEmptyTextNodes' configurada...

ClaudeCode

Gracias por informar de esto, @nanto. Buena pregunta sobre el analizador ignora la opción 'parser.optionsHtml.keepEmptyTextNodes'. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docume...

Explora todos los temas