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 231

🔍 general
#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). I tried monkey patch it but seems like internaly grapes js uses its own implementation not the one bound to window. (unfortunately for me) Estaría b...

GJS Helper

El problema que has identificado respecto a la GrapesJS ColorPicker que tiene dificultades con conversiones de color adecuadas, específicamente de HEXA a RGBA, y tu observación sobre el posible soporte antiguo para ARGB, apunta a un malent...

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

#651814 de mayo de 2025por jaredtmartin2 respuestas
Reacciones 0

Empezar no muestra los bloques tal como están escritos

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/j826eL51/ Describe el bicho ¿Cómo reproducir el bicho? Sigue los pasos de la página de Comienzo Cuando llegas a Añadir bloques, los bloques no aparecen. ¿Cuál e...

artf

Gracias por el informe @jaredtmartin

GJS Helper

El problema que estás experimentando, donde los bloqueos no aparecen al seguir la guía de GrapesJS "Cómo empezar", se debe a una mala configuración en tus opciones de grapesjs.init , específicamente relacionada con cómo están configurados...

#644815 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0

Solicitud de funcionalidad: Soporte para Modo Oscuro

Descripción de la característica Añadir soporte para el modo oscuro en la interfaz del editor. Motivación Reducir la fatiga visual durante el desarrollo nocturno Igualar los estándares modernos de UI/UX Soporte preferencias de modo oscuro a nivel de sistema Propuesta de implementación Añadir paleta de colores en modo...

artf

igual que aquí

GJS Helper

Añadir soporte para modo oscuro a GrapesJS implica una combinación de tematización CSS, JavaScript para el cambio de temas y persistencia, e integración con las preferencias del sistema. Aunque GrapesJS no tiene un interruptor de modo oscu...

#644715 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0

Informe de error: Menú de navegación no responde

Descripción El menú de navegación no responde correctamente a los cambios de tamaño de pantalla en dispositivos móviles. Pasos para reproducirse Abre el generador de páginas Añadir un componente de menú de navegación Previsualización en dispositivo móvil o redimensionar la ventana del navegador Observa el comportamien...

artf

Hola @brighterfrog es importante seguir la plantilla del informe de errores. Por favor, abre un informe de error válido (con una demo reproducible).

GJS Helper

El problema que tienes con el menú de navegación GrapesJS que no responde en dispositivos móviles es un reto común, ya que GrapesJS proporciona principalmente los componentes estructurales. Lograr un menú de navegación totalmente responsiv...

#62904 de noviembre de 2024por svex992 respuestas
Reacciones 1

Las fuentes de datos se ignoran cuando se cargan desde los datos del proyecto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefix v132.0 Enlace de demo reproducible https://jsfiddle.net/skdegqun/4/ Describe el bicho ¿Cómo reproducir el bicho?Ejecutar el fiddle puede apreciarse en los registros que las fuentes de datos pasadas al inicializar...

artf

Tienes que esperar hasta que el editor esté listo. '''js editor.onReady(() => { console.log('El total de fuentes de datos debería ser 1:', editor. DataSources.getAll().length) console.log('debería existir una fuente de prueba:', editor. Da...

GJS Helper

El problema que estás encontrando es un comportamiento conocido en el que el módulo GrapesJS DataSources no hidrata automáticamente su estado de la propiedad dataSources dentro del projectData durante la inicialización del editor o al carg...

#624923 de octubre de 2024por yashvi20263 respuestas
Reacciones 0

Selector de color personalizado inicial

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible ---Describe el bicho editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); Después de iniciar, cuando se abre la paleta, ¿quiero ponerle un color? @artf Código de con...

NeonLexie

Esto parece interesante. No me importaría intentarlo.

yashvi2026

GJS Helper

Para establecer un color inicial para un selector de color personalizado inicializado con editor.getModel().initBaseColorPicker(), necesitas pasar la opción de color dentro del objeto de opciones Spectrum.js. El método initBaseColorPicker...

#618030 de septiembre de 2024por padcom4 respuestas
Reacciones 1

El método 'setValue()' de Trait no se llama cuando cambia el valor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://codesandbox.io/p/sandbox/withered-rgb-xmw8gk Describe el bicho ¿Cómo reproducir el bicho?Espacio abierto de código abiertoSeleccionar "cuerpo" (tipo: 'wrapper')...

padcom

¡Gracias! ¡He verificado y funciona como se espera!

padcom

Por lo que veo, el 'Trait.setValue()' no se llama cuando el valor viene de una entrada. En su lugar, se llama a 'setTargetValue()', que no comprueba si el método 'setValue()' de la definición de rasgos está presente. Además, el 'Trait.setV...

padcom

Intenté seguir esta discusión (https://github.com/GrapesJS/grapesjs/discussions/5793) para que funcionara, pero como puedes ver en el sandbox, simplemente no funciona.

#61307 de septiembre de 2024por juverricRespuesta 1
Reacciones 0

---

---

GJS Helper

Para crear un componente GrapesJS personalizado con texto editable, una imagen editable y opciones de estilo personalizadas, necesitas definir un nuevo tipo de componente usando editor.DomComponents.addType y luego registrarlo como un bloq...

#61163 de septiembre de 2024por SamMousa4 respuestas
Reacciones 4

AsDocument no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 128 Enlace de demo reproducible https://jsfiddle.net/sammousa/bxgsdc12/11/ Describe el bicho ¿Cómo reproducir el bicho?Carga una cadena HTML con una '<head>' no vacía, usando la opción '{asDocument: true}'.Exporta...

SamMousa

Gracias, pero ese no es realmente el punto. Puedo encontrar una solución alternativa, pero eso no soluciona el error. El error es que una exportación mediante 'getProjectData()' seguida de una importación mediante 'loadProjectData()' deber...

artf

El error es que una exportación mediante getProjectData() seguida de una importación mediante loadProjectData() debería dar el mismo estado. Sí, definitivamente no es lo esperado, lo investigaremos. Aprecia los pasos fácilmente reproducibl...

artf

Gracias @SamMousa informes detallados de errores siempre son bienvenidos. Si se solicita una dirección, estaremos encantados de orientarte 🙇 ♂️

Explora todos los temas