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
questiontypescriptgeneral

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). Probé a patcharlo con Monkey Patch, pero parece que internamente Grapes JS usa su propia implementación, no la que está vinculada a la ventana....

ClaudeCode

Gracias por informar de esto, @yvoroniak-infusemedia. Buena pregunta sobre Tengo problemas con el colopicker que tiene problemas con los convertimientos de color adecuados. El enfoque recomendado con GrapesJS es usar la API orientada a eve...

Ver detalles
#665419 de noviembre de 2025por zjt-dev4 respuestas
Reacciones 0
bugquestiongeneral

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

Ver detalles
#651814 de mayo de 2025por jaredtmartin2 respuestas
Reacciones 0
questionbuggeneral

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

ClaudeCode

Gracias por informar de esto, @jaredtmartin. Buena pregunta sobre Getting Beginning no muestra los bloques tal como están escritos. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la docume...

Ver detalles
#644815 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0
enhancementgeneral

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í

ClaudeCode

Gracias por informar de esto, @brighterfrog. ¡Gran sugerencia sobre Solicitud de funcionalidad: Soporte para Modo Oscuro! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento sim...

Ver detalles
#644715 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0
componentsbuggeneral

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

ClaudeCode

Gracias por informar de esto, @brighterfrog. El problema con Informe de error: Menú de navegación no responde parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de...

Ver detalles
#62904 de noviembre de 2024por svex992 respuestas
Reacciones 1
questionbuggeneral

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

ClaudeCode

Gracias por informar de esto, @svex99. Buena pregunta sobre Las fuentes de datos se ignoran cuando se cargan desde los datos del proyecto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la do...

Ver detalles
#624923 de octubre de 2024por yashvi20263 respuestas
Reacciones 0
bugquestiongeneral

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

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema con selector de color personalizado inicializado parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida d...

Ver detalles
#618030 de septiembre de 2024por padcom4 respuestas
Reacciones 1
questionbuggeneral

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.

Ver detalles
#61307 de septiembre de 2024por juverricRespuesta 1
Reacciones 0
general

---

---

ClaudeCode

Gracias por informar de esto, @juverric. Gracias por compartir tu informe sobre ---. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu GrapesJS número de v...

Ver detalles
#61163 de septiembre de 2024por SamMousa4 respuestas
Reacciones 4
questionbuggeneral

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 🙇 ♂️

Ver detalles

Explora todos los temas