Problemas con GrapesJS

artf

Gracias@Baghunts, buen apunte. La solución temporal actual sería '.addStyle({ 'border-left': '...' })`

GJS Helper

El problema en el que un estilo background-image no se aplica correctamente a un componente en GrapesJS suele deberse a una de dos razones comunes: una sintaxis incorrecta de CSS url() o que el componente carece de dimensiones suficientes...

artf

Como se explica aquí, no deberías reimportar el HTML de salida para editar el proyecto, solo el JSON.

GJS Helper

El problema que has encontrado, cuando la función script de un componente se ejecuta dos veces después de guardar y recargar la página, es un comportamiento conocido (o un error, según la perspectiva) en el sistema de gestión de scripts de...

davidrhoderick

Curiosamente, el estilo basado en CSS funciona.

artf

Parece que el transformador Parcel está intentando importar 'codemirror/lib/codemirror.js' en lugar de 'codemirror/lib/codemirror.css' en esta línea: '''css @import "codemirror/lib/codemirror"; ``` Así que sugeriría abrir el problema en el...

GJS Helper

El problema que te encuentras, @parcel/transformer-sass: expected "{" al importar GrapesJS SCSS, es un problema común relacionado con cómo empaquetadores de módulos como Parcel resuelven y procesan la importación de hojas de estilo, especi...

artf

El comportamiento es correcto porque 'style:property:update' se activa en cualquier actualización del Administrador de Estilos Property (no solo en su valor). Así que para tu caso específico tendrías que actualizar la callback de esta mane...

SagarMaria

Hola @artf, gracias por la rápida respuesta, pero en realidad, parte del problema sigue siendo que, incluso después de hacer un cambio, por ejemplo, hacer clic en "centrar" alinear opción de radio con la instrucción if que sugeriste, las s...

GJS Helper

Gracias por informar de esto, @SagarMaria. Buena pregunta sobre Style:property:update y Property onChange que se activan excesivamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la d...

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

@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

@innothetechgeek para un problema de bugs adecuado siempre deberías crear una demo reproducible, ya que normalmente hay problemas que no tienen relación con el núcleo en sí. En fin, según tu descripción, quizá quieras definir tu entrada de...

GJS Helper

El problema que estás experimentando, donde los estilos cargados a través de tu punto de entrada Vue.js se pierden al GrapesJS inicializar, es un comportamiento común y proviene de cómo GrapesJS aísla su lienzo de editor. Causa raíz Grapes...

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

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