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

GJS Helper

El problema que tienes con el lienzo infinito de GrapesJS que aumenta su altura infinitamente cuando hay un elemento con min-height: 100vh es un problema conocido de interacción entre las unidades de visor CSS (vh) y el mecanismo dinámico...

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

GJS Helper

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! /

GJS Helper

El problema que tienes en el que editor.select() no funciona como se espera dentro del gestor de component:remove se debe al momento del evento y al ciclo de vida interno de GrapesJScomponentes. El evento component:remove se activa antes d...

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

GJS Helper

El problema que estás encontrando, donde configurar una callback onStart para la propiedad resizable impide que el componente se redimensione se debe a cómo GrapesJS (y a menudo las bibliotecas de arrastre/redimensionamiento subyacentes) g...

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

GJS Helper

El problema que has encontrado con la duplicación de scripts al importar HTML varias veces en GrapesJS, especialmente con config.parser.optionsHtml.allowScripts: true, es un comportamiento conocido relacionado con cómo GrapesJS reconcilia...

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

GJS Helper

Este es un error conocido en GrapesJS relacionado con cómo reacciona el panel de Capas (específicamente la vista Layer ) a los cambios en la colección hija de un componente. El problema surge cuando un componente, como una columna o celda,...

#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

GJS Helper

El cambio en el comportamiento del evento storage:end:load en GrapesJS de la versión 0.14.62 a la 0.21.8 es intencionado y refleja un sistema de eventos más granular. En versiones más recientes, storage:end:load se activa específicamente c...

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

GJS Helper

El comportamiento que observas con atributos de etiquetas de script que no aparecen en el lienzo de GrapesJS , aunque están presentes en el HTML exportado, es esperado y por diseño para cómo GrapesJS maneja elementos no visuales, especialm...

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

GJS Helper

Has identificado con precisión un comportamiento menor, aunque inesperado, en GrapesJS donde se activa el evento rte:disable al arrastrar un nuevo componente (como un bloque de texto) desde el panel de bloques al lienzo. De hecho, este no...

Explora todos los temas