Problemas con GrapesJS

gxanshu

¡Hola! 😊 No creo que esto sea un error de GrapesJS. He revisado tu enlace de reproducción e intenté añadir un componente al lienzo, y me funcionó perfectamente sin problemas. 👍

artf

Tienes que saltarte los observadores Proxy de Vue https://github.com/GrapesJS/grapesjs/issues/4497#issuecomment-1213078160

GJS Helper

El problema que estás encontrando, donde la página se queda bloqueada al añadir nuevos componentes programáticamente, proviene de un enfoque incorrecto en la creación y anexo de componentes dentro de GrapesJS. Básicamente estás intentando...

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 @rmadeiraneto por el informe. Sí, desafortunadamente eso es un problema si estás mutando las propiedades de los arrays/objetos de esa manera y para evitarlo tienes dos opciones:Evita mutaciones directas (asigna nuevas referencias c...

rmadeiraneto

@artf usar los valores predeterminados como función funciona, gracias por responder rápido y por ofrecer la solución alternativa a este problema. Sobre la primera sugerencia, creo que no se trata de que las personas muteen o no el objeto,...

GJS Helper

El problema que has descrito es un error común en JavaScript relacionado con cómo se manejan los objetos mutables (como arrays y objetos) cuando se asignan como valores por defecto. En GrapesJS, cuando defines un componente con defaults qu...

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

krishnaeverestengineering

Solución para este problema: https://github.com/GrapesJS/grapesjs/pull/5176

artf

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

krishnaeverestengineering

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

tomsleeter

Esto es intermitente, ahora me está saliendo grapejs.com página principal como era de esperar

tomsleeter

Vale, este fue mi error, escribí mal la URL / el nombre de dominio, y me faltaba la "s" en grapesjs.com. Visitar URL grapejs.com es una dirección falsa con un montón de malware y ventanas emergentes Creo que el dominio incorrecto redirige...

GJS Helper

Parece que te has encontrado con un sitio web malicioso que explota un error tipográfico común en el dominio GrapesJS . Gracias por informar de esta observación crítica. Causa raíz y explicación: El problema que has descrito no es un error...

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

sneddobuilds

Me pasa lo mismo.

GJS Helper

El error de TypeError: g.usePlugin is not a function en GrapesJS suele surgir de un malentendido sobre cómo se registran y cargan los plugins, confundiendo específicamente el objeto global de la biblioteca de grapesjs con una instancia edi...

artf

https://github.com/GrapesJS/grapesjs/discussions/5163#discussioncomment-6162516

GJS Helper

La diferencia en las propiedades predeterminadas de display entre tu proyecto de GrapesJS y la demo oficial proviene del CSS cargado en el iframe de canvas de GrapesJS , no de que GrapesJS en sí imponga display: table o display: flex unive...

CaptSadaf

cc: @jcamejo @artf

artf

Esas acciones solo están disponibles para el RTE integrado; si lo sustituyes por un RTE personalizado como CKEditor no las ves. Tienes que usar el propio CKEditor para tu lógica personalizada.

GJS Helper

El problema que estás encontrando proviene de una diferencia fundamental en cómo el editor de texto enriquecido (RTE) por defecto de GrapesJSy CKEditor gestionan las personalizaciones de la barra de herramientas. Cuando activas grapesjs-pl...