Problemas con GrapesJS

DanavsSite

! 2023-04-29 143431-Greenshot

DanavsSite

Acabo de enterarme de que es por WebView 2. Soporte para webview2??!

artf

Creo que esto está más relacionado con alguna configuración Tauri que con GrapesJS, ya que usamos el arrastre y solta nativo de HTML5

artf

Esto es similar a este uno, tienes que poner la instancia del editor fuera de la instancia de Vue para saltarte sus proxies

GJSBlock

Gracias por informar de esto, @TO-JHummel. Buena pregunta sobre Crash al arrastrar a componentes anidados con Vue+Vite.. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

artf

@Spiral1234 si no puedes reproducir el problema probablemente sea algo tuyo y sin una demo reproducible es difícil entender qué podría ser un problema

GJS Helper

El problema que estás encontrando proviene de cómo GrapesJS procesa y normaliza los estilos, especialmente los estilos en línea, al importar HTML. Vamos a desglosar la causa raíz y proporcionar el enfoque correcto. Explicación de la causa...

artf

Gracias @ngoc199 por favor avisadme si faltan otras declaraciones de las versiones anteriores

GJS Helper

Este es un problema conocido relacionado con los archivos de declaración TypeScript (.d.ts) en GrapesJS v0.21.1. El problema surge porque las definiciones de tipo para ciertas funcionalidades principales, como Components.addType y la defin...

gustavohleal

¡Hola! He probado tu solución. Cambia la imagen correctamente con la imagen bloqueada dentro del componente principal y puedes moverla. El atributo 'src' cambia en el modelo, pero cuando mueves el componente vuelve a la imagen provisional....

artf

@gustavohleal mi error, tienes que actualizar directamente la propiedad 'src' en lugar del atributo 'image.set({ src: asset.getSrc() });'

artf

Utiliza la propiedad 'data-gjs-locked="true'' para ignorar la imagen y actualizar correctamente tu componente personalizado '''js Eliminar runCommand("open-assets"); ya que no tiene sentido usarlo en el lado del modelo Puedes activar el co...

artf

@ronaldohoch por favor utiliza la API documentada adecuada '''js editor.getSelected().padre(); editor.getSelected().index(); ```

GJS Helper

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre Los elementos duplicados perdieron la referencia al elemento padre. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la document...

artf

Puedes actualizar dinámicamente 'stepsBeforeSave' para evitar activar la tienda en la llamada de almacenamiento. Por favor, la próxima vez usa Discusión, ya que esto no es un bug sino una cuestión de implementación.

GJS Helper

El problema que estás encontrando, donde editor.loadData(data, opts) activa el método store de tu almacenamiento personalizado, es un punto común de confusión pero no un error en sí loadData . El método editor.loadData está diseñado para i...

GJSBlock

Gracias por informar de esto, @abubaker417. El problema de añadir eventos estilizados de modo que el estilo pueda sobrescribirse, abierto parece ser una condición de carrera o un problema de gestión de tiempos de estado. Esto suele ocurrir...

artf

Los títulos de los códigos de alta @at para los botones del panel están conectados directamente a i18n local strings, así que tendrás que actualizar esas cadenas ahí. Puedes encontrar más información sobre el módulo i18n aquí.

GJS Helper

El problema que estás encontrando, donde los títulos de los botones se revierten tras ser pulsados, proviene de manipular directamente los elementos DOM de GrapesJS componentes de la interfaz. GrapesJS, como muchos frameworks web modernos,...

julia-alberici

Para que conste, esto no era realmente un error, y pude lograr el comportamiento esperado reemplazando a 'editor.onReady(() => { editor.runCommand("preview"); }); ' con 'editor.on('update', () => { editor.runCommand('preview'); }); `

GJS Helper

El problema que estás encontrando, donde GrapesJS componentes mantienen comportamientos en modo edición (como los estilos de pasar el cursor o seleccionar) a pesar de ejecutar el comando preview después de loadProjectData() es un problema...