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 877

🔍 question
#633226 de noviembre de 2024por tim-promRespuesta 1
Reacciones 0

IMG SRCset 404 causa bucle de peticiones infinito

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v131Enlace de demo reproducible https://jsfiddle.net/cmq9end2/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un img al lienzo con una URL inválida en el srcset Revisa la pestaña de red en la consola de desarrol...

ClaudeCode

Gracias por informar de esto, @tim-prom. Buena pregunta sobre img srcset 404 causa bucle de peticiones infinito. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

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

#631820 de noviembre de 2024por tonypapousek4 respuestas
Reacciones 3

No se puede usar relleno transparente en Bloquear media svg

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS'[email protected]' cuando se presentó esta cuestión¿Qué navegador usas? Firefox 132, Chrome 131Enlace de demo reproducible https://jsfiddle.net/x54f9v68/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque personalizado, con la propied...

samex

Creo que depende del SVG específico que se use. Si miras los otros iconos SVG, notarás que no tienen un atributo de relleno (en línea) en la <svg> etiqueta principal, sino en las <path> etiquetas hijas. Al establecer el atributo fill="none...

tonypapousek

@samex Especificar 'fill="none"' funcionó, ¡gracias! Eso sin duda ayudará a que mis cosas personalizadas funcionen de forma más predecible. Más allá de eso, creo que el principal problema sería intentar usar SVGs de terceros (por ejemplo,...

artf

Sí, cerraría este porque no está estrictamente relacionado con el núcleo en sí, pero gracias por señalarlo

#630813 de noviembre de 2024por maxming23333 respuestas
Reacciones 0

React Custom UI 'Modal' No puede mostrar 'Code'

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://stackblitz.com/edit/grapesjs-react-custom-ui?file=src%2FApp.tsx Describe el bicho ¿Cómo reproducir el bicho?abrir https://grapesjs-react-custom-ui.stackblitz.io/Haz clic...

danstarns

Hola @maxming2333, prueba a hacer clic en cualquier parte del área resaltada en el cuadro de texto, para mí carga el código... https://github.com/user-attachments/assets/89f61dc6-466a-476a-b437-d0f8ae51c7ef

maxming2333

Hola @maxming2333, prueba a hacer clic en cualquier parte del área resaltada del cuadro de texto, para mí carga el código...Screen.Recording.2024-11-19.at.23.21.03.mov Sí, efectivamente puede mostrarse después de hacer clic en el área de l...

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre React Custom UI 'Modal' Unable unable display 'Code'. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grape...

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

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre MJML Component 'tagUpdated' que hará imposible 'pasar el cursor'. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documen...

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

ClaudeCode

Gracias por informar de esto, @maneeshp97. El problema con componentes react personalizados que se envuelven dentro de un div parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del...

#62904 de noviembre de 2024por svex992 respuestas
Reacciones 1

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

#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

ClaudeCode

Gracias por informar de esto, @sumasal. Muy buena sugerencia que Layer Manager no permite reordenar al mismo nivel. Solo se permite anidar en versiones antiguas del nivel superior (justo debajo del cuerpo) (por ejemplo: ¡0.21.8! Aunque est...

#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