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

GJS Helper

Has identificado con precisión una descoordinación de tipos en GrapesJS respecto a la propiedad icon para las acciones del Editor de Texto Enriquecido (RTE). El método RichTextEditor.addAction está efectivamente diseñado para aceptar tanto...

GJS Helper

Gracias por reportar este problema. Puedo confirmar que es un error reproducible en la última versión de GrapesJS, incluyendo la página oficial de la demo (https://grapesjs.com/demo.html). Este error impide que los usuarios reordenen compo...

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

GJS Helper

El problema que estás encontrando, "Uncaught SyntaxError: No se puede usar la instrucción de importación fuera de un módulo", surge porque la opción canvas.scripts en GrapesJS inyecta URLs de script usando etiquetas <script> estándar. Por...

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

GJS Helper

La Uncaught SyntaxError: Unexpected token '{' que te encuentras proviene de cómo GrapesJS procesa e integra scripts de componentes definidos usando la sintaxis abreviada del método ES6. Este problema es un comportamiento conocido cuando la...

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.

GJS Helper

El problema que estás encontrando, donde eliminar un componente no elimina sus estilos correspondientes, lo que lleva a CSS redundante, es un reto común en creadores web como GrapesJS. Este comportamiento es intencionado en CssComposer de...

GJS Helper

Has identificado correctamente un error en GrapesJS donde la funcionalidad de scrollCanvas no desplaza el lienzo para mostrar un componente seleccionado, especialmente al seleccionar componentes desde el panel de Capas. Este problema es re...

rozek

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

GJS Helper

El problema que has descrito con dragMode: 'absolute' hace que los componentes parezcan desplazados es, en efecto, un error derivado de una violación fundamental de HTML: duplicar atributos de id dentro del DOM. Tu análisis y capturas de p...

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

GJS Helper

¡Gracias por reportar este problema y proporcionar un análisis tan detallado y una solución funcional! Has identificado con precisión un problema común de interfaz donde elementos posicionados dinámicamente, como un selector de color, pued...