Problemas con GrapesJS

rozek

incluso con 'arrastrable' y 'soltable' en 'verdadero', no puedo arrastrar un elemento a otro

rozek

Una primera solución que ayuda a colocar componentes en otros componentes:eliminar 'dragMode:'absolute', de 'grapesjs.init({...})`En su lugar, añade 'dmode:'absolute' a 'model.defaults' de cada tipo de componente que quieras que sea arrast...

artf

En modo absoluto, no existe el concepto de mover componentes dentro o fuera de otros componentes. Un componente en modo absoluto solo se actualiza en posición de estilo, no se mueve en el DOM, por eso no tiene sentido que funcione arrastra...

ClaudeCode

Gracias por informar de esto, @peters-ben-0007. El problema con (problema de tipo) no puede pasar HTMLElement como icono al añadir nueva acción rte parece ser una condición de carrera o un problema de sincronización de gestión de estado. E...

ClaudeCode

Gracias por informar de esto, @andcmatias. Buena pregunta sobre En la capa de movimiento. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específic...

artf

https://github.com/GrapesJS/grapesjs/issues/5353#issuecomment-1704023749

rozek

¿Los has probado? al intentarlo en la versión actual de GrapesJS, recibo el siguiente mensaje de error (ampliado) en el registro del navegador:

rozek

intentar usar un URI de datos en lugar de una referencia de archivo también falló

artf

'''js guiones: [ { src: '... file.js', tipo: 'módulo' }, ], ```

rozek

Bueno saberlo, gracias

ClaudeCode

Gracias por informar de esto, @rozek. El error error: Análisis de causa raíz: El Canvas no valida el estado antes de invocar tu método. Esto crea una vulnerabilidad temporal cuando se realizan múltiples operaciones simultáneamente. Próximo...

rozek

Eso es interesante: definir una función separada y definiendo el tipo de componente tal y como se describe en la documentación Funciona tal y como está diseñado. Pero sigue sonando extraño que una función en línea produzca un error de sint...

artf

@rozek buena observación, lo arreglará para la próxima versión

ClaudeCode

Gracias por informar de esto, @rozek. El problema con Uncaught SyntaxError: Token inesperado '{' en CanvasView.ts:590:12 parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocurrir cuando los...

pittleCheung

Idea ampliada de https://github.com/GrapesJS/grapesjs/issues/1855

artf

Aquí se explica cómo crear componentes con estilos relacionados https://grapesjs.com/docs/modules/Components.html#components-css Solo en ese caso, sería seguro que el editor eliminara estilos relacionados.

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre Eliminar un componente sin eliminar su estilo correspondiente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la document...

ClaudeCode

Gracias por informar de esto, @wsaca. Buena pregunta sobre scrollCanvas 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 específico Busca el...

rozek

Perdón, esto fue un problema mío que se hizo evidente solo en el editor, ¡perdón por molestar!

ClaudeCode

Gracias por informar de esto, @rozek. El problema con dragMode:'absolute' se comporta de forma extraña parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo...

artf

Gracias @rozek la imagen pública siempre es bienvenida, así que estaré encantado de reseñarla.

artf

Cerrando por ahora porque no parece ser reproducible

ClaudeCode

Gracias por informar de esto, @rozek. Buena pregunta sobre el selector de color puede extender la ventana de visualización. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...