Problemas con GrapesJS

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

artf

@Spiral1234 hay una gran diferencia entre un valor por defecto y el definido (aunque sea igual que el valor por defecto). Por ejemplo, en escritorio defines 'float: right' y en móvil 'float: none', pero aún necesitas la posibilidad en móvi...

abubaker417

@artf, déjame definirte una vez más. Mi pregunta es que si hago clic en el valor por defecto de cualquier módulo, como para float, selecciono ''ninguno'' y entonces ''cross svg'' debería ser ''display: none'', igual que quiero para otros '...

artf

@Spiral1234 no debería ser 'display: none' si SELECCIONAS el valor por defecto, intenta leer detenidamente el caso de uso explicado arriba, tener el valor por defecto y el seleccionado es DIFERENTE.

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

siddhi1397

Hola @artf, Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición específica, pero se está solapando con el contenido existente en el componente. ¿Hay alguna forma de colocar el texto en la posición específi...

artf

@siddhi1397 por favor, no abran los problemas de errores como características o preguntas

siddhi1397

Vale, perdón por eso. @artf Pero, ¿podrías ayudarme a saber cómo se puede implementar esto?

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

artf

No es realmente solucionable porque los analizadores GrapesJS no pueden ser asíncronos ahora mismo, pero en cualquier caso, desde la perspectiva del rendimiento, nunca deberías usar '@import' en tu CSS porque genera una solicitud de bloqueo

GJSBlock

Gracias por informar de esto, @Drive4ik. Buena pregunta sobre el error de análisis de estilo si tiene @import. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...