Problemas con GrapesJS

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'); }); `

ClaudeCode

Gracias por informar de esto, @julia-alberici. Buena pregunta sobre No se puede configurar el modo de previsualización en editor init cuando se usa loadProjectData(). El enfoque recomendado con StyleManager es usar la API orientada a event...

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

ClaudeCode

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

artf

@applibs no puedo ayudar si no proporcionas una demo reproducible válida, por favor incluye todas las dependencias que faltan.

ClaudeCode

Gracias por informar de esto, @applibs. El problema con La localización funciona de forma extraña parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de...

ClaudeCode

Gracias por informar de esto, @RohitLad. Buena pregunta sobre PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se restablezcan.. El enfoque recomendado con StyleManager es usar...

artf

Solo veo el problema con las propiedades de style manager 'composite'/'stack' y eso es porque no todas las propiedades de style manager forman parte de los estilos, así que en tu código solo tendrías que comprobar si el valor del estilo re...

ClaudeCode

Gracias por informar de esto, @clonefunnels. Buena pregunta sobre Usar !código importante proporcionado aquí rompe la imagen de fondo y el degradado.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí...

artf

La salida es correcta (comprueba la consola real, no la rota de jsfiddle) y lee detenidamente esta sección, nunca deberías depender de HTML/CSS para cargar el proyecto.

ClaudeCode

Gracias por informar de esto, @handhikadj. ¡Gran sugerencia que getHtml() produzca una estructura inválida cuando hay js dentro! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamie...

artf

Se aplican estilos predeterminados que puedes desactivar fácilmente (pasar una cadena vacía) https://github.com/GrapesJS/grapesjs/blob/a83847b1b35e69e5a5810ccf1eb1e1384bf0aab1/src/editor/config/config.ts#L143-L147

ClaudeCode

Gracias por informar de esto, @handhikadj. Buena pregunta sobre setStyle/getCss() produce css duplicado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

artf

Oye, ¿@rudacs has probado en su lugar a usar 'style:property:update'?

rudacs

Este evento funcionó. ¿Se cambió por este? ¿Y para una sola propiedad? ¿Cómo puedo cambiar qué componente y propiedad había antes? Tranquilizantes.

SagarMaria

He venido aquí porque tengo el mismo problema. Usar la sugerencia 'style:property:update' parece funcionar, pero por alguna razón se dispara en cada clic. Además, ¿cómo podemos dirigir un cambio de propiedad de estilo concreto, es decir, '...

artf

Solo tienes que activar esta opción: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

ClaudeCode

Gracias por informar de esto, @zoilorys. Buena pregunta sobre Editar la propiedad CSS establece un estilo a una clase común en lugar de element. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Cons...

mnutt

Sí, yo también puedo reproducirlo en 'grapesjs-style-filter', mismos tipos de errores.

mnutt

Pude evitar este error cambiando la pipeline de compilación para que generara javascript más moderno (vía '--targets="> 3%''), aunque eso genera errores de backbone debido al uso de clases es6.

artf

No puedo reproducir en mi lado con una instalación limpia, ¿estás usando la rama de desarrollo?