Problemas con GrapesJS

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

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