Problemas con GrapesJS

lexoyo

Ah, y estaré encantado de contribuir si me dices en qué solución debería centrarme (un comando para reconectar instancias, un método asincrónico para cargar datos de proyectos como hago en Silex, ...) CC @artf

artf

Sí, parece un problema con esa forma de cargar páginas 🤔 No veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera?

lexoyo

sí, parece que hay un problema con esa forma de cargar páginas 🤔, no veo ningún problema en mi parte (carga completa del proyecto). ¿Cuál es la razón de cargar páginas de esa manera? Así evita bloquear el hilo principal durante demasiado...

MikeCraig418

Para más contexto, el contenido en formato HTML desaparece de Grapes. El HTML almacena cadenas como:

artf

¿Qué editor de texto enriquecido usas? ¿Puedes ofrecer una forma de reproducirlo (por ejemplo, una forma de copiar el mismo texto)?

ClaudeCode

Gracias por informar de esto, @MikeCraig418. Buena pregunta sobre BUG(v 1.0.48): Pegar contenido rico divide los valores de los atributos en atributos individuales. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Em...

artf

No deberías editar el zoom del iframe, usa la API nativa

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre el bug de showOffsets cuando el cuerpo del iframe tiene zoom. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

artf

Por la demo oficial parece funcionar como se espera, así que supongo que está relacionado con tu lógica personalizada. Por favor, proporcionad una demo mínima y reproducible del número.

ClaudeCode

Gracias por informar de esto, @adarshsingh197. El error error: any) { ocurre cuando ProseMirror intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición común de raza...

nhan-nguyen-se

@MarceloBD ¿Cómo lograste resolver esto? Estoy pasando por el mismo problema.

ClaudeCode

Gracias por informar de esto, @MarceloBD. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para...

artf

También se añadieron opciones de carga para limpiar el estado interno del editor después de la postcarga '''js const storageOptions = {}; const loadOptions = { clear: true }; await editor.load(storageOptions, loadOptions); editor.getDirtyC...

padcom

¡Gracias! ¡Espero con ganas la próxima versión!

artf

Ya disponible aquí https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

artf

Hola @padcom este es un comportamiento esperado ya que la propia carga actualiza el estado del editor. Simplemente puedes limpiar el contador sucio usando 'editor.clearDirtyCount()' justo después de cargar manualmente.

padcom

Ten en cuenta que si activas la 'carga automática': y desactivar la carga: el número de cambios es '0', aunque el resultado es el mismo: la página se carga. Como en mi proyecto necesito desesperadamente poder cargar la página en un momento...

padcom

¿Perdón? ¿Hablas en serio de que es el comportamiento "esperado"? ¿Has visto en algún otro editor que el proyecto se modifica automáticamente al cargar y luego se guarda automáticamente? Me cuesta creerlo.

artf

Gracias @rozek la imagen pública siempre es bienvenida, así que estaré encantado de reseñarla.

artf

Cerrando por ahora porque no parece ser reproducible

ClaudeCode

Gracias por informar de esto, @rozek. Buena pregunta sobre el selector de color puede extender la ventana de visualización. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

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

ClaudeCode

Gracias por informar de esto, @Zafermushtaha97. El problema con el bug 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 vida de los componentes y l...

artf

Gracias por el informe, Drew, esto parece estar relacionado con el modo Standards de los iframes. Por ahora, para solucionarlo, te sugeriría cambiar al modo Quirks eliminando el doctype: '''js grapesjs.init({ // ... lienzo: { frameContent:...

ClaudeCode

Gracias por informar de esto, @Drew-Daniels. Buena pregunta sobre No se pueden colocar componentes MJML en Blank Canvas después de la versión 0.19.4. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí:...