Problemas con GrapesJS

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

DreamCloudProject

@artf Sí, tienes razón. Estoy bloqueando la propagación del clic, por lo que el editor no recibe el evento de clic, por lo que no puede ejecutar la lógica para seleccionar el elemento. Intenté configurar la propagación de clics solo en el...

DreamCloudProject

https://github.com/GrapesJS/grapesjs/assets/7961936/12180b41-4c29-489d-9bcd-1ea025a96a8f Este ejemplo muestra cómo funciona en mi editor.

yatoogamii

Hola @DreamCloudProject, parece que el conector MSC de tu componente está bloqueado. Es un atributo que permite que el componente se haga clic desde las capas pero no desde el propio Canva ¿Puedes compartir o verificar la definición de tu...

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

artf

Gracias@rozek lo arreglaré ahora

rozek

¡Muchas gracias!

GJS Helper

Gracias por reportar este problema. Has identificado correctamente un error de compilación TypeScript (TS2532: Object is possibly 'undefined') que ocurre en el archivo de test/specs/utils/Sorter.ts al ejecutar yarn build en GrapesJS commit...

artf

No deberías tener '"contenido"' dentro de tu espacio de texto, de hecho si lo sustituyes por '"components": '[email protected]', funcionará correctamente.

GJS Helper

El problema que estás experimentando, donde el texto editable dentro de un span anidado (un componente text) dentro de un componente link vuelve a su estado anterior tras perder el enfoque, es un reto conocido de sincronización en GrapesJS...

GJS Helper

El problema que tienes con Ctrl+Z activando tanto GrapesJS deshacer como el atajo del navegador de "reabrir la última pestaña cerrada" se debe a que el evento keydown para Ctrl+Z no tiene su acción predeterminada impedida dentro de GrapesJ...