Problemas con GrapesJS

GJS Helper

El problema que estás encontrando cuando se compilan reglas personalizadas como @container o @font-face para @media al usar editor.Css.addRules es una limitación conocida en la CssComposeractual de GrapesJS. Causa raíz GrapesJS's CssCompos...

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

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

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

Por favor, consulta https://github.com/GrapesJS/grapesjs/issues/3515

GJS Helper

El problema que tienes con la clase .gjs-selected que no acepta tu sobreescritura CSS se debe a que GrapesJSestá usando el estilo predeterminado de esta clase usando la regla !important . GrapesJS aplica outline: 3px solid #3b97e3 !importa...

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

GJS Helper

El problema que estás encontrando, "El literal del objeto solo puede especificar propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'", es un error de compilación de TypeScript. Indica que la propiedad el no es válida ni reconoc...

pittleCheung

Sí, tienes razón, copio todos los estilos coincididos, así que puedo pegar en cualquier sitio, incluso pegar entre navegadores, me resulta extremadamente útil. Cuando borro un componente, no elimina los estilos correspondientes. Esto es un...

pittleCheung

Sigue siendo un problema

artf

No veo cómo esto es un error principal. Estás usando tu propia lógica de copiar/pegar y ni siquiera parece correcta, deberías ocuparte de los IDs únicos de cada componente/regla.Tras eliminar estos componentes hijos, sus estilos siguen pre...

artf

Esto no es un error, 'Css.addRules' no tiene ningún argumento de opción. Puedes abrir una discusión sobre este tema y veremos si tiene sentido introducirlo

pittleCheung

Vale, lo entiendo, necesito añadir algunos estilos delante de un array, no al final. Como arr.unshift(css). ¿Cómo puedo hacer eso? Quizá necesite un poco de ayuda tuya

GJS Helper

El comportamiento que observas con editor.Css.addRules() es en realidad la funcionalidad esperada e intencionada de la API CSS de GrapesJS . Por defecto, cuando usas editor.Css.addRules(targetCss);, las nuevas reglas CSS se añaden al final...