Problemas con GrapesJS

artf

Hola @bgrand-ch, desafortunadamente todo lo que involucra el analizador (HTML/CSS) requiere que la API relacionada con el DOM esté disponible. Para el CSS quizá puedas probar a usar parser-postcss plugin, esperaría que funcione en el entor...

bgrand-ch

Hola @artf, muchas gracias por tu respuesta 😄 rápida, lo intentaré esta semana.

bgrand-ch

@artf El plugin de analizador CSS de Post funciona perfectamente en un web worker! Gracias por tu ayuda.

artf

Probablemente en la primera semana de agosto

artf

Hola @joukhar ¿está pasando con la última versión? Puedo ver 'null' en el código de exportación si uso tu ejemplo exacto de JSON (eso debería solucionarse), pero no puedo generar esos 'textnode' con 'null' usando tu ejemplo HTML, ¿puedes c...

joukhar

Gracias por la repetición, si necesitas una demo así que dadme tiempo hasta que la haga, comentaré de nuevo cuando la termine El problema solo ocurre cuando lo guardas y cargas, pero cuando dejas caer el componente por primera vez no pasa...

artf

Esto no está relacionado con el núcleo, sino simplemente con la meta etiqueta que falta en el HTML exportado desde el demo.html '''html <meta nombre="viewport" content="width=device-width,initial-scale=1"> ``` Si quieres enviar una residen...

GJS Helper

El problema que estás experimentando no es un error en sí GrapesJS , sino un descuido común al desplegar páginas web responsivas. La causa raíz es la ausencia de la etiqueta meta viewport en la sección <head> de tu archivo HTML exportado....

artf

Esto es intencionado y no planeo cambiar este comportamiento, ya que puedes crear selectores CSS específicos si necesitas estilos diferentes por página. El gran beneficio de este enfoque es permitir reutilizar selectores entre páginas.

hasan-aa

Creo que estoy teniendo un problema con este enfoque. Estoy guardando las páginas en el servidor así: '''JS const component = page.getMainComponent(); const css = editor.getCss({ component, avoidProtected: true }) saveToBackendApi(componen...

GJS Helper

El problema que tienes con CSS duplicado en varias páginas en GrapesJS es un punto común de confusión relacionado con cómo GrapesJS gestiona los estilos globalmente dentro de una instancia de editor. Por defecto, GrapesJS's CssComposer (el...

artf

Gracias @acantepie por favor abre el problema en el repositorio adecuado, ya que este no está relacionado con el núcleo

GJS Helper

El problema que estás encontrando, donde la barra de herramientas del Editor de Texto Enriquecido (RTE) en GrapesJS no actualiza correctamente su estado (por ejemplo, botones en negrita o cursiva) al cambiar entre varios componentes de tex...

artf

Hola @FaisalShaikhHA este es un comportamiento esperado, pero supongo que la documentación de 'setRule' es un poco engañosa. La regla en realidad se actualiza (no crea una nueva con el mismo selector), pero los estilos simplemente se reemp...

FaisalShaikhHA

Gracias @artf por la aclaración

GJS Helper

El comportamiento que observas con editor.Css.setRule no es un error, sino cómo está diseñada la API de GrapesJS CSS Composer para gestionar actualizaciones de reglas. Cuando llamas a editor.Css.setRule(selector, styleObject), si ya existe...

loclovepop

screencast-www.lovepoptestsite.com-2023.06.01-001711.webm Este es un vídeo del bug

artf

Veo que el plugin táctil funciona correctamente, asegúrate de tener el dispositivo móvil activado al cargar (por ejemplo, no simulado después de cargar) para que el polyfill pueda cargarse correctamente.

GJS Helper

El problema que experimentas con el arrastrar y soltar que no funciona en pantallas móviles cuando GrapesJS está incrustado en tu entorno de "tienda de pruebas", a pesar de usar grapesjs-touch, es un problema común en aplicaciones web comp...

marktamis

Copié algunos ajustes de tsconfig de un proyecto gjs de vite que funcionaba a mi proyecto stenciljs y ahora funciona correctamente. Creo que necesitas hacer algunos ajustes en tu tsconfig de Angular y ya no debería mostrar el error A conti...

Deepakanandrao

"skipLibCheck": cierto, "SkipLibCheck": verdadero "'' funcionó. ¡Gracias@marktamis 👍

artf

Sí, aquí es necesario 'skipLibCheck": true' hasta que encuentre la solución para esa salida 😞 TS

SachinPuthiyoth

Parece que la definición de tipo en StyleManagerConfig.sectors no ha cambiado : https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L8 ¿No deberíamos actualizar esto para usa...

GJS Helper

Gracias por reportar este problema. Al revisar el código fuente GrapesJS , específicamente la rama dev y la última versión estable (0.21.10), parece que la interfaz de PropertyProps sí incluye la propiedad options . Por lo tanto, la defini...

artf

Si la propiedad tiene el mismo valor que la definición por defecto, se omit. Esto se controla mediante la opción de configuración 'avoidDefaults' y se recomienda encarecidamente mantener fiel a tener JSONS tan pequeños como sea posible.

GJS Helper

Este comportamiento no es un error, sino una optimización intencionada dentro de GrapesJS, que aprovecha Backbone.js modelos. Cuando serializas GrapesJS componentes a JSON, los atributos que coinciden con sus valores predeterminados para e...