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

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

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 @AFriboulet-ii, lo arreglaré para la próxima versión.

GJS Helper

El problema que has descrito es un comportamiento conocido en GrapesJS donde el gestor de deshacer revierte correctamente los atributos del modelo del componente (incluida su colección de classes), pero el ComponentView responsable de rend...

artf

Hola @BenKhz eso ocurre porque los eventos 'selector*' están relacionados con el contenedor global de Selectores (cuando eliminas un selector del componente, el propio Selector sigue ahí porque podría usarse en otros lugares), si quieres r...

BenKhz

¡Ah! Estaba malinterpretando. Gracias por la aclaración. ¡Sigue así!

GJS Helper

¡Gracias por reportar este problema y por tus amables palabras sobre GrapesJS! Has encontrado un punto común de confusión respecto a GrapesJS eventos, y es una excelente pregunta. Explicación de la causa raíz El evento selector:remove , ta...

artf

Hola @rajevar creo que buscas el evento 'component:create', ya que 'component:add' funciona como se espera (por ejemplo, podría usarse para seguir cualquier movimiento nuevo dentro de un componente específico).

GJS Helper

Has identificado correctamente un punto común de confusión con la gestión de GrapesJS eventos. El evento component:add efectivamente se activa no solo cuando un nuevo componente se arrastra desde el panel de bloques al lienzo, sino también...

artf

El error aquí es usar la función de flecha, solo tienes que reemplazarla por 'clickOnElement() {'

GJS Helper

El problema que tienes con this estar window o undefined dentro del gestor de eventos de vista de tu componente personalizado es un problema común de this binding en JavaScript, especialmente cuando se usan funciones de flecha. No es un bu...

artf

@wunksert parece que el editor se inicializa consigo mismo varias veces, ¿estás borrando correctamente la instancia del editor con destroy (por ejemplo, en tu useEffect)?

wunksert

Puede que la solución se solucione más sencillamente editando la estructura o las convenciones de nombres en mi proyecto. Encantado de hacerlo si es más rápido que cambiar algo en GrapesJS Core.

artf

Sí, definitivamente no tiene nada que ver con el núcleo

SLain123

Puedo arreglar el error yo mismo, pero no puedo hacer push de mi branch con fix to repositorio. Parece que no tengo permiso para hacer push o crear una nueva rama.

artf

@SLain123 tienes que crear un récord personal desde tu fork https://stackoverflow.com/questions/38918942/pull-request-from-a-different-repository

GJS Helper

El problema que estás experimentando con la reproducción automática de YouTube y Vimeo que no funcionan en GrapesJS no es un error en sí GrapesJS , sino una consecuencia de las políticas modernas de reproducción automática del navegador. N...