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 3,464

#65629 de julio de 2025por jsxOverdose3 respuestas
Reacciones 1
questionbugcanvastypescript

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/

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre El elemento se ajusta a una posición incorrecta al redimensionar. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentació...

Ver detalles
#65583 de julio de 2025por arustagi101Respuesta 1
Reacciones 0
questioncomponentsbugdependencies

Visible para ocultar funciona, pero no viceversa

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 138.0.7204.50 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/artur_arseniev/L24hkgm5/ Describe el bicho ¿Cómo reproducir el bicho? Añadir el gestor de capas y usar la dependencia "grapesjs": "0....

ClaudeCode

Gracias por informar de esto, @arustagi101. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' par...

Ver detalles
#654925 de junio de 2025por yashvi20264 respuestas
Reacciones 1
questionstyle-managerbugcanvastypescript

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

Ver detalles
#654315 de junio de 2025por ZedonboyRespuesta 1
Reacciones 0
questionstyle-managercomponentsbugdocumentation

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

Ver detalles
#65356 de junio de 2025por MikeCraig4183 respuestas
Reacciones 0
questionbugtypescript

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

Versión GrapesJS [x] Confirmo que uso 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 uvas Estoy usando opciones autoalojadas ¿Cuál es el comportamiento esperad...

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

ClaudeCode

Gracias por informar de esto, @MikeCraig418. Buena pregunta sobre BUG(v 1.0.48): Pegar contenido rico divide los valores de los atributos en atributos individuales. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Em...

Ver detalles
#652722 de mayo de 2025por tim-prom2 respuestas
Reacciones 1
questionstyle-managerbugcomponentsperformance

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

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
#651513 de mayo de 2025por jsxOverdose2 respuestas
Reacciones 0
questionbugstyle-managertypescript

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

Ver detalles
#650225 de abril de 2025por jsxOverdose2 respuestas
Reacciones 0
style-managerquestionbugdocumentationcanvas

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

Ver detalles
#649415 de abril de 2025por yashvi2026Respuesta 1
Reacciones 0
bugquestionstyle-managercomponentstypescript

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

Ver detalles

Explora todos los temas