Los eventos de StyleManager se activan varias veces por cambio

Question

Para reproducir: En una instalación limpia de GrapesJS, dentro de la página de demo (dentro de index.html), añade un oyente de eventos así: 'editor.on('component:styleUpdate:width', (model) => { console.log(modelo); });Problema: Al cambiar el valor de 'ancho' de cualquier elemento, la variable 'modelo' se imprimirá varias veces. El problema parece ser más grave al escuchar propiedades de 'lista' como la familia de fuentes, el peso de la fuente o la pantalla. Por ejemplo: 'editor.on('component:s...

khbhr · Accepted Answer

Hola, Tengo el mismo problema y, como aún no está resuelto, sería una solución usar la técnica de rebote. Consulta este ejemplo.

ajumell · Answer

Hola, También encontré este problema. El evento se está activando, incluso sin cambiar el ancho, añadí el siguiente código a la página html y el registro se genera varias veces. 'editor.on('component:styleUpdate:width', (model) => { console.log('Ancho de componente actualizado:', modelo); });` He grabado una prueba en vídeo y está el siguiente enlace https://drive.google.com/file/d/1zoTUN-e400YDVPXt2DESAemSL6STh0TU/view?usp=sharing

artf · Answer

Creo que la solución ya está disponible en la rama de desarrollo (así que lista para la próxima versión). https://github.com/artf/grapesjs/blob/0dba07fd21b8e2dd953100bec5b7531f0761c9c2/src/style_manager/view/PropertyView.js#L411-L413 Veo varios eventos en la demo online actual, pero parece que funciona bien en mi copia local para desarrolladores. Si puedes confirmarlo ejecutando localmente la rama de desarrollo, sería genial.

Los eventos de StyleManager se activan varias veces por cambio

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

HAZAÑA: Desactivar los scripts en el lienzo

El selector de color muestra una posición incorrecta

Gestor de bloques en GrapesJS que no funciona para columnas

Editor.load posiblemente causa una fuga de memoria

Plugins de pago que cumplen con este problema

Explorar categorías de plugins