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 220

🔍 canvas
#56749 de febrero de 2024por mauriciolcs22 respuestas
Reacciones 0

El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100 vh

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc versión 1.29.0 (46113)Enlace de demo reproducible https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioDescribe el bicho ¿Cómo reproducir el bicho?Habilitar un lienzo infinitoAñadir al menos dos componentes al lienzoEst...

artf

Evita usar lienzo infinito porque nunca se documentó y ni siquiera se terminó como funcionalidad.

ClaudeCode

Gracias por informar de esto, @mauriciolcs2. Buena pregunta sobre El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100vh. El enfoque recomendado con Canvas es usar la API orientada a evento...

#564124 de enero de 2024por yashvi20262 respuestas
Reacciones 0

Undomanager.remove() no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v91Enlace de demo reproducible https://codepen.io/Harshsne/pen/WNgZzPEDescribe el bicho ¿Cómo reproducir el bicho?Añadir una imagen al lienzo y cerrar la imagen modal. (Así que ese componente será eliminado del segui...

artf

El problema aquí no es 'Deshacer el control.remove', sino lo que se registra. Cuando redimensionas la imagen, no editas el 'Component' en sí, sino su objeto 'CssRule', por eso no funciona como se esperaba. Probablemente sugeriría simplemen...

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Undomanager.remove() que no funciona. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo es...

#563320 de enero de 2024por kla-ko3 respuestas
Reacciones 0

No se puede seleccionar componente en el manejador ''component:remove''

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/opmwfvjn/ Describe el bicho ¿Cómo reproducir el bicho?Abre y ejecuta el violínDos componentes están en el lienzo. La div "hola mundo...

artf

Gracias @kla-ko, en realidad hay una lógica que impide seleccionar otros componentes durante los eventos de 'component:remove' y lo arreglaré para la próxima versión, pero lo que te sugeriría es cambiar a otro evento. El evento 'component:...

kla-ko

Gracias @artf. ¡Esto funciona de maravilla! /

ClaudeCode

Gracias por informar de esto, @kla-ko. Buena pregunta sobre No se puede seleccionar componente en el manejador ''component:remove''. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

#563018 de enero de 2024por kla-ko2 respuestas
Reacciones 0

Configurar una llamada de redimensionamiento onStart() impide redimensionar

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/y8L6whun/ Describe el bicho ¿Cómo reproducir el bicho?Goto jsfiddleejecutar el códigoEn el lienzo, selecciona el componente div azulintenta a...

artf

Buen apunte, lo arreglaré

ClaudeCode

Gracias por informar de esto, @kla-ko. Buena pregunta sobre configurar un callback de redimensionamiento onStart() que impide el redimensionamiento. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: C...

#561815 de enero de 2024por Ashwinvalento3 respuestas
Reacciones 0

El script antiguo de Componente no se elimina al importar. Lo que resulta en scripts duplicados

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge v120.0.2210.121 Enlace de demo reproducible https://codepen.io/ashwinvalento/pen/jOJMPqx Describe el bicho Si hemos configurado 'config.parser.optionsHtml.allowScripts: true' y creamos un componente con un script, en...

artf

Reimportar JS directamente como componente nunca fue posible, así que se trata como algo nuevo.

Ashwinvalento

¿Hay alguna forma de identificar scripts de componentes existentes y eliminarlos al importarlos? No podremos eliminar todas las etiquetas de script porque tendríamos que conservar los scripts añadidos manualmente.

ClaudeCode

Gracias por informar de esto, @Ashwinvalento. Gran sugerencia sobre El script antiguo de componentes no se elimina al importar. ¡Lo que resulta en scripts duplicados! Aunque esta función específica aún no está en la API principal, existen...

#560710 de enero de 2024por Ju99ernaut2 respuestas
Reacciones 0

No se pueden expandir capas previamente vacías

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v120.0.6099.199 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastra el bloque de columna 1 sobre el lienzoArrastrar cualquier otro bloque a la celda, por...

artf

Buena observación, lo arreglaré

ClaudeCode

Gracias por informar de esto, @Ju99ernaut. Buena pregunta sobre No se pueden expandir capas previamente vacías. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#55933 de enero de 2024por thigh4 respuestas
Reacciones 0

El administrador de capas no se actualiza al cambiar de página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? MS Edge 120.0.2210.91 Enlace de demo reproducible No disponible Describe el bicho ¿Cómo reproducir el bicho?Actualización a la última versión de GrapesjsCrear un proyecto de varias páginasObserva la jerarquía actual del g...

artf

Gracias por el informe, @thigh lo arreglaré

sunnynk19

Hola @thigh, parece que sigue sin funcionar. ¿Has desplegado el último paquete de NPM?

artf

Aún no publicado, aquí puedes encontrar todos los lanzamientos https://github.com/GrapesJS/grapesjs/releases

#558427 de diciembre de 2023por vian0132 respuestas
Reacciones 0

El evento "storage:end:load" no se activa cuando todos los componentes están montados en el lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Recientemente he tenido que actualizar grapesjs v0.14.62 a la última versión (0.21.8). En el código antigu...

artf

@vian013 por favor, abre los problemas de bugs solo con un enlace de demo reproducible; con una comprobación rápida el evento parece funcionar correctamente

ClaudeCode

Gracias por informar de esto, @vian013. Buena pregunta sobre "storage:end:load" evento que no se activa cuando todos los componentes están montados en el lienzo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza...

#556318 de diciembre de 2023por leo-budgetsimpleRespuesta 1
Reacciones 0

¿Se están eliminando los atributos de las etiquetas de script en el lienzo?

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? última versión de ChromeEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho? Tomar una cadena html y renderizarla en grapesjs con este código (tengo activado allowScripts) E...

ClaudeCode

Gracias por informar de esto, @leo-budgetsimple. Gran sugerencia sobre ¿Los atributos de las etiquetas de script que están siendo eliminados del lienzo.? ! Aunque esta función específica aún no está en la API principal, existen varias form...

#55455 de diciembre de 2023por AFriboulet-iiRespuesta 1
Reacciones 0

Arrastrar el texto de tipo componente "rte:disable"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 119.0.6045.200 Enlace de demo reproducible https://jsfiddle.net/d64pkcom/1/ Describe el bicho ¿Cómo reproducir el bicho?Arrastrar texto componente en CanvasMira la consola de jsfiddle ¿Cuál es el comportamiento es...

ClaudeCode

Gracias por informar de esto, @AFriboulet-ii. Buena pregunta sobre Arrastrar el tipo de componente activando el texto "rte:disable". El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

Explora todos los temas