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

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

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

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

GJS Helper

Has identificado correctamente una discrepancia en cómo se maneja la opción keepEmptyTextNodes en GrapesJS, lo que provoca que se eliminen nuevas líneas de tu salida HTML. Esto es, de hecho, un error relacionado con la configuración del an...

#654925 de junio de 2025por yashvi20264 respuestas
Reacciones 1

Couldnt Resize image

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

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

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

Explora todos los temas