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 545

🔍 typescript
#65629 de julio de 2025por jsxOverdose3 respuestas
Reacciones 1

Se ajustan elementos a una posición incorrecta al redimensionar

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 138.0.7204.101 Enlace de demo reproducible https://jsfiddle.net/u3L89ejh/1/ Describe el bicho ¿Cómo reproducir el bicho? Redimensionar la imagen Arrástralo a otro lugar del lienzo Haz clic en uno de esos cuadritos azules de...

artf

@jsxOverdose impulsado una solución para esta nueva versión: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11

jsxOverdose

@artf En la nueva versión, hay otro error: cuando pulsas una de las manijas de redimensionamiento en el eje Y, la imagen se agranda significativamente. Aquí tienes la demo: https://jsfiddle.net/du81zL6r/

GJS Helper

El problema que estás experimentando con los elementos que saltan a una posición incorrecta tras moverse y luego interactúan con el redimensionador es un comportamiento conocido relacionado con cómo GrapesJS maneja las propiedades de top y...

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

#65356 de junio de 2025por MikeCraig4183 respuestas
Reacciones 0

BUG(v 1.0.48): Pegar contenido rico divide los valores de los atributos en atributos individuales

Versión GrapesJS [x] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Cambia tu versión de 1.0.48 a 1.0.47 Describe el bicho ¿Cómo reproducir el bicho? Copiar contenido rico de Word Pegar en Grapes Estoy usando opciones autoalojadas ¿Cuál es el comportamie...

MikeCraig418

Para más contexto, el contenido en formato HTML desaparece de Grapes. El HTML almacena cadenas como:

artf

¿Qué editor de texto enriquecido usas? ¿Puedes ofrecer una forma de reproducirlo (por ejemplo, una forma de copiar el mismo texto)?

GJS Helper

El problema que estás encontrando en GrapesJS v1.0.48, donde pegar contenido rico (especialmente de fuentes como Microsoft Word) hace que los valores de los atributos se dividan en atributos individuales, es una regresión conocida. Esto no...

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

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

#648510 de abril de 2025por yashvi20262 respuestas
Reacciones 0

ShowSelectionPalette no funciona con el selector de color personalizado

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/GgRbMyg Describe el bicho ¿Cómo reproducir el bicho? Añadir un cuadro de texto. Habilitar RTE. Haz clic en la última opción. Cambiar color clic aceptar ¿Cuál es el...

mosh-tudor

@yashvi2026 Tu código tiene muchos problemas, y por eso no funciona. Esto no tiene nada que ver con GrapesJS. Quizá quieras usar una herramienta de IA para revisar tu código si no tienes claro qué falla.

GJS Helper

El problema que estás experimentando, donde el selector de color personalizado en el Editor de Texto Enriquecido (RTE) de GrapesJSno muestra el color previamente seleccionado al reabrirlo, se debe a que la implementación onOpen del selecto...

#644615 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0

Solicitud de funcionalidad: Añadir nuevo tipo de componente

Descripción Me gustaría solicitar un nuevo tipo de componente para manejar gráficos interactivos. Caso de uso Creación de visualizaciones de datos en el constructor de páginas Soporte para actualizaciones dinámicas de gráficos Integración con fuentes de datos existentes Comportamiento esperado El componente debe: Sopo...

artf

Hola @brighterfrog usamos GH Issues solo para informes de errores. Por favor, revisa estos para entender cómo gestionamos las solicitudes de funciones y los plugins: Proceso de la hoja de ruta Proceso de sugestión de plugins Para que lo se...

GJS Helper

GrapesJS es altamente extensible, permitiéndote definir tipos de componentes personalizados para satisfacer necesidades específicas, como integrar gráficos interactivos. Esto implica definir un nuevo modelo de componentes, su lógica de vis...

#644514 de marzo de 2025por bgrand-ch3 respuestas
Reacciones 2

La web del médico tiene información que falta

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 136.0.1 (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho? Ve a https://grapesjs.com/docs/api/editor.html#editor ¿Cuál es el comportamiento e...

artf

Documentación actualizada: https://grapesjs.com/docs/api/editor.html#available-events

artf

Gracias@bgrand, lo arreglaré pronto 🙇 ♂️

GJS Helper

Gracias por reportar este problema. Has identificado correctamente un error en la web de documentación de GrapesJS . Causa raíz: El marcador de {REPLACEEVENTS} indica que el proceso de generación de documentación no inyectó correctamente l...

#642527 de febrero de 2025por asabryilRespuesta 1
Reacciones 0

Arrastrar un elemento con altura 0 provoca un comportamiento inesperado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Todos los navegadores, última versión Enlace de demo reproducible Puede reproducirse en una demo oficial Describe el bicho ¿Cómo reproducir el bicho? Añadir un bloque, establecer la altura y la altura mínima a 0 Añadir otro bloque...

GJS Helper

Este es un comportamiento conocido en GrapesJS relacionado con cómo su sistema de arrastrar y soltar (que a menudo depende de cuadros delimitadores visuales) interactúa con elementos que tienen altura cero. Aunque idealmente el mecanismo d...

#642025 de febrero de 2025por peterchonRespuesta 1
Reacciones 0

La entrada japonesa añade retorno vacío

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 133.0.6943.127 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Crear un bloque de texto Empieza a escribir cualquier carácter japonés...

GJS Helper

El problema que estás experimentando con la entrada japonesa en GrapesJS, donde la entrada elegida es invisible y se añade un retorno extra, es un problema común en editores de texto enriquecido que dependen de contenteditable y Editores d...

Explora todos los temas