Problemas con GrapesJS

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

Sí, deshacer activa el 'change:columns', en tu caso podrías intentar envolver tus cambios en 'updateColumns' en el 'editor'. Deshacer. Gestionador.saltar. '''js updateColumns() { editor. UndoManager.skip(() => { Tus operaciones }) } ```

artf

Vale, entonces cierro este y por favor abre un nuevo problema de error relacionado con rasgos de casilla.

FaisalShaikhHA

Gracias, @artf funciona, para arreglarlo estaba desactivando el oyente de cambio de rasgos escuchando los eventos de deshacer el comando antes y ejecutar, pero esto se siente más limpio. El rasgo de casilla no se marca ni desmarca al desha...

artf

¿Puedes proporcionar una demo reproducible ya que yo no puedo reproducirla por mi parte?

ClaudeCode

Gracias por informar de esto, @maliuta-oleksandr. Buena pregunta sobre llamar al método destroy rompe el editor (app React ). El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la document...

artf

Lee detenidamente esta guía, todo lo que está dentro del 'script' está fuera del alcance del editor. Puedes actualizar el propio componente usando el método component.components o especificar directamente el 'components: '<div ....'' en la...

ClaudeCode

Gracias por informar de esto, @panditlakshya. Buena pregunta sobre Grapesjs no reconoce los tipos de componentes al configurar innerHTML mediante script.. El enfoque recomendado con Canvas 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

Desafortunadamente, esto es lo esperado, tienes que usar 'editor.refresh()' después de los cambios de diseño "externos".

ClaudeCode

Gracias por informar de esto, @LukasSouza. 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...

allenhwkim

@ronaldohoch con el navegador Edge, funciona con el comando que has dado. 'let projectData = editor.getProjectData();' 'Editor. DomComponents.clear();' 'editor.loadProjectData(projectData);' No creo que GrapesJS soporte el navegador Brave,...

ronaldohoch

También ejecuté el comando 'editor.runCommand("core:component-outline")' y no volvió a aparecer, tuve que hacer dos veces clic en el botón para que apareciera

ronaldohoch

Hola @allenhwkim, gracias por el comentario. Pero es vergonzoso que no lo haya probado en otros navegadores. Creo que mis clientes no usan Brave, así que voy a dejar esa parte. Sin embargo, haciendo todas estas pruebas, conseguí que funcio...

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?