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 466

🔍 components
#640716 de febrero de 2025por gopukinapp2 respuestas
Reacciones 0

Los rasgos personalizados no se cargan dentro de un bloque personalizado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 133.0.6943.98 Enlace de demo reproducible https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe el bicho Estoy intentando añadir algunos triats personalizados a mi bloque. Por desgracia,...

artf

Tu componente tiene 'componentes' internos, así que si eliges uno de ellos, verás rasgos de esos componentes, no 'bloque de eventos'. Si seleccionas correctamente 'bloque de evento', verás tus rasgos. <img width="856" alt="Image" src="http...

GJS Helper

El problema que estás encontrando, donde los rasgos personalizados no se cargan para un bloque personalizado cuando su propiedad components contiene HTML complejo pero sí cargan con una cadena simple, es un comportamiento conocido relacion...

#637316 de enero de 2025por ChipiKaf2 respuestas
Reacciones 1

El redimensionamiento del hijo con resistencia absoluta habilitó posiciones erróneamente cuando está en el Padre con posición relativa

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 131.0.6778.265 Enlace de demo reproducible https://codepen.io/chipikaf/pen/KwPexjL Describe el bicho ¿Cómo reproducir el bicho? Suelta el componente de botón en la sección central Mueve el botón a cualquier parte de la sec...

ChipiKaf

@artf tengo una solución local. Básicamente, lo que hago es comprobar si el elemento tiene un padre con posición relativa, y luego desplazo el rectángulo por la altura del padre si existe y es relativo a la posición. ¿Puedo crear un récord...

GJSBlock

Gracias por informar de esto, @ChipiKaf. Buena pregunta sobre El redimensionamiento del hijo con posiciones habilitadas por arrastre absoluto se altera incorrectamente cuando está en el padre con posición relativa. El enfoque recomendado c...

#635819 de diciembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

La configuración de BlockManager "appendOnClick" ya no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v131 Enlace de demo reproducible https://jsfiddle.net/0uaxn2vc/2/ Describe el bicho ¿Cómo reproducir el bicho?Abrir enlace al violínseleccionar el cuerpo u otro componente donde se puedan añadir componentesintenta...

artf

Gracias @rhoenerSBS el problema se solucionó aquí y estará disponible en la próxima versión.

GJS Helper

La opción appendOnClick en el BlockManager de GrapesJSestá efectivamente rota en versiones recientes, lo que provoca el error de Uncaught TypeError: c.setDropContent is not a function . Este problema se debe a un cambio en cómo el BlockVie...

#635713 de diciembre de 2024por Harshsne26Respuesta 1
Reacciones 0

!important is added to every component styles

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/YPKwRBg Describe el bicho ¿Cómo reproducir el bicho?Añadir componente de fila desde el gestor de bloques.Cambiar su ancho en StyleManager. (!important se...

GJSBlock

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre !importante se añade a todos los estilos de componentes. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#632422 de noviembre de 2024por badiuciprian4 respuestas
Reacciones 2

Sorter.setDragHelper no es una función sobre arrastre de bloques

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? 131.0.6778.86Enlace de demo reproducible https://jsfiddle.net/badiuciprian/qe28obhr/1/Describe el bicho ¿Cómo reproducir el bicho?intenta arrastrar cualquier bloque al lienzo ¿Cuál es el comportamiento esperado? El componen...

mohamedsalem401

Conseguí reproducirlo. Solo ocurre en 'nativeDnD: false'. Probablemente esto haga que la vista de bloques use la API del clasificador antiguo. Intentaré intentar intentar una solución para esto.

artf

@mohamedsalem401 puedes comprobar este, por favor?

badiuciprian

Gracias por encargarte de esto. Estaré atento a la actualización.

#630712 de noviembre de 2024por maxming2333Respuesta 1
Reacciones 0

El componente MJML 'tagUpdated' hará imposible que el 'pasador del cursor' sea

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 130.0.6723.117 Enlace de demo reproducible https://grapesjs.com/demo-mjml Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente al azar, como la segunda 'sección mj' en la página de demostraciónColoca el c...

GJS Helper

El problema que estás encontrando, donde llamar a tagUpdated() en un componente MJML rompe su funcionalidad de hover y genera un error se debe a una discrepancia entre cómo está diseñado para funcionar tagUpdated() y el ciclo de vida espec...

#62965 de noviembre de 2024por maneeshp972 respuestas
Reacciones 0

Los componentes personalizados de React se envuelven dentro de un div

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arc v1.61.1 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-n6sff Describe el bicho @artf Antes que nada, gracias por esta increíble biblioteca. Estaba intentando crear componentes personali...

artf

Sí, eso es lo esperado desde la perspectiva de la demo. Puedes trastear con el código y encontrar tu solución, pero cierro esto porque no es un error principal.

GJS Helper

El comportamiento que observas, donde componentes personalizados de React se envuelven dentro de un div extra con atributos GrapesJSespecíficos, es fundamental para cómo GrapesJS gestiona los componentes en el DOM. Este div no es un envolt...

#628130 de octubre de 2024por sumasal3 respuestas
Reacciones 1

El Administrador de Capas no permite reordenar al mismo nivel. solo se permite el anidamiento en versiones antiguas de nivel superior (justo debajo del cuerpo) (por ejemplo: 0.21.8

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimos Chrome, Firefox, Edge Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Arrastra un acomponente en el administrador de capas e intenta colocarlo entre otros elemento...

artf

Se arreglará en la próxima versión. Gracias @sumasal por el informe y @mohamedsalem401 por la solución 🙇 ♂️

sumasal

El título del número está de alguna manera recortado. Lo que quería decir es que parece funcionar en versiones antiguas como la 0.21.8 y inferiores

GJS Helper

El Gestor de Capas GrapesJS está diseñado para permitir tanto reordenar componentes en el mismo nivel como anidar componentes dentro de otros. Según la demo oficial de GrapesJS (https://grapesjs.com/demo) y la última versión de GrapesJS, e...

#627125 de octubre de 2024por padcom4 respuestas
Reacciones 1

Arrastrar y soltar componentes no funciona en Firefox más reciente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0 (64 bits) en Linux y Mac Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Empieza a arrastrar el botón "Pasa el cursor por mí"Intenta ponerlo encima de "Todos...

padcom

¡Sois geniales! Y no un momento demasiado pronto :) Hoy tengo una presentación por la tarde y ahora podré mostrarla funcionando también en Firefox.

padcom

He localizado el cambio repentino en Firefox hasta la versión 109.0. Es el primero que tiene el problema. La versión 108.0.2 funciona bien. Espero que eso ayude.

padcom

También he probado 133.0a1 cada noche desde 2024-10-24-21-16-15-mozilla-central y el problema también está ahí.

#626925 de octubre de 2024por bt-mkt4 respuestas
Reacciones 3

Modelo de componentes y visualización cada vez que se arrastra sobre cada componente presente en Canvas donde puede ser colocado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 130.0.6723.59 (Versión oficial) (arm64) Enlace de demo reproducible https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Describe el bicho ¿Cómo reproducir el bicho?Abrir la consola.Colocar varios component...

artf

@mohamedsalem401 esto probablemente ocurra por el editor superficial. Creo que tendría sentido aprovechar la opción 'temporal' (que ya usamos para saltar algunas acciones) en canMove. ¿Qué pasa? '''js const wrapper = this.getShallowWrapper...

mohamedsalem401

@artf Sí, sospecho que tiene que ver con el editor superficial. Espero que la opción temporal funcione y entonces abriré un registro permanente

bt-mkt

@mohamedsalem401 esto probablemente ocurre por culpa del editor superficial. Creo que tendría sentido aprovechar la opción 'temporal' (que ya usamos para saltar algunas acciones) en canMove. ¿Qué pasa?'''jsconst wrapper = this.getShallowWr...

Explora todos los temas