Problemas con GrapesJS

GJS Helper

El problema que has descrito, donde una etiqueta <img> con un atributo de srcset inválido (y sin src de atributo) provoca un bucle infinito de peticiones 404, es un comportamiento conocido en algunos navegadores (como Chrome) más que un er...

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.

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

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

GJS Helper

El problema que estás encontrando proviene de cómo el CodeViewer de GrapesJS(que internamente usa CodeMirror) interactúa con el ciclo de vida de renderizado de React, especialmente cuando está incrustado dentro de un modal personalizado. L...

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

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

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

GJS Helper

El problema que estás encontrando es un comportamiento conocido en el que el módulo GrapesJS DataSources no hidrata automáticamente su estado de la propiedad dataSources dentro del projectData durante la inicialización del editor o al carg...

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

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

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