Problemas con GrapesJS

artf

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen'

riteshdalal

@artf cómo creamos un componente que GJS no analize a los hijos.

riteshdalal

La propiedad 'editable' no tiene significado por defecto y solo se usa internamente por otros componentes extendidos como 'Texto' o 'Imagen' Esto solía funcionar en versiones antiguas de GJS. Simplemente dejé de funcionar en la 0.21.3

artf

@joukhar 'npm install GrapesJS/grapesjs#dev' no es suficiente, aún no he creado la compilación en la rama de desarrollo, así que si quieres la solución localmente tienes que construirla tú mismo primero. De todas formas, no es necesario cr...

GJS Helper

Gracias por reportar este problema y proporcionar información detallada sobre las secciones del código relevantes. Has identificado correctamente la causa raíz del problema. Análisis de la causa raíz: El problema surge de cómo la propiedad...

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

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

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

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

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