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 336

🔍 style-manager
#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...

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

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

#654925 de junio de 2025por yashvi20264 respuestas
Reacciones 1

No se pudo redimensionar la imagen

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/YPXdgmj Describe el bicho ¿Cómo reproducir el bicho? Subir una imagen Cámbialo a la vista móvil Redimensionar la imagen ! Imagen ¿Cuál es el comportamiento esperad...

mosh-tudor

@yashvi2026 Eso es por tu código CSS personalizado. Elimina esta parte: '''js estilos: '.image{max-width:100%;}@media (ancho máximo: 480px) {.image {display: inline-block; Altura:AUTO !Importante; ancho:100% !importante; ancho-máximo:100%;...

artf

Confirmo que el redimensionador de componentes no tiene en cuenta '!important' ahora mismo, pero seguiría, más o menos, lo que @mosh-Tudor sugirió. No necesitas eliminar todos los 'estilos', porque supongo que es lo que necesitas, pero no...

yashvi2026

Necesito usar '!importante' en mi estilo. He notado que en otros componentes, cuando '!important' está incluido en los estilos por defecto, los estilos añadidos a través del gestor de estilos también incluyen '!important' para asegurar que...

#654315 de junio de 2025por ZedonboyRespuesta 1
Reacciones 0

Panel no retirado

Versión GrapesJS [x] Confirmo que uso 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 Si es nece...

ClaudeCode

Gracias por informar de esto, @Zedonboy. Buena pregunta sobre Panel no eliminado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca...

#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

ClaudeCode

Gracias por informar de esto, @tim-prom. Buena pregunta sobre estilos en línea malformados que causan congelación del editor. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#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

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre Redimensionar un elemento afecta a todos los elementos de la misma clase. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta l...

#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

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre Reglas CSS basadas en IDs en el estilo Inline Overries. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

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

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Crear y destruir repetidamente lanza error. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

Explora todos los temas