Problemas con GrapesJS

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

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

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 'getJs' devuelve el JS de tu modelo de componentes (el que colocarías dentro de 'model.defaults.script'), no la vista de componentes. Por favor, lee atentamente Componentes y JS

GJS Helper

El problema que estás encontrando, donde editor.getJs({ component }) devuelve una cadena vacía a pesar de tener un gestor de eventos de submit definido en el view.eventsde tu componente de formulario personalizado , es un comportamiento es...

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