Problemas con GrapesJS

artf

Cerrando esto mientras la demo parece funcionar bien, quizá tenga que ver con la caché o las extensiones del navegador

GJS Helper

El error de Uncaught TypeError: Cannot set properties of null (setting 'isEditor') , especialmente cuando se encuentra en el sitio de demostración de GrapesJS con un lienzo en blanco, indica un fallo crítico durante el proceso de inicializ...

artf

Puedes tomar el control de lo que se deja caer dentro del lienzo mediante el evento 'canvas:dragdata' https://jsfiddle.net/artur_arseniev/87rcb24n/

GJS Helper

El problema que has reportado, donde elementos arbitrarios fuera del lienzo de GrapesJS (incluidas partes de la interfaz del editor) pueden arrastrarse y soltarse en el lienzo, es un comportamiento común derivado de la funcionalidad nativa...

sirbeagle

Creo que he atribuido esto a un conflicto con la capacidad de seleccionar varios bloques al mismo tiempo. Comentando '''s Esto.ClearSelection(esto. Canvas.getWindow()); ``` En la línea 539 de /src/editor/model/Editor.ts parece impedir que...

GJS Helper

Te has encontrado con un problema común en el que la selección de texto en el Editor de Texto Enriquecido de GrapesJS (RTE) no resalta visualmente el texto seleccionado, aunque la selección en sí sea funcional (por ejemplo, puedes copiar e...

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