Style:property:update y Property onChange se activan en exceso

El comportamiento es correcto porque 'style:property:update' se activa en cualquier actualización del Administrador de Estilos Property (no solo en su valor). Así que para tu caso específico tendrías que actualizar la callback de esta manera '''js editor.on('style:property:update', ({ property, to }) => { Comprueba el nombre de la propiedad y si la actualización está relacionada con el valor if (property.getName() === 'text-align' && to.value !== indefinido) { console.log('propiedad de alineación de texto actualizada con', a.valor) } });

Hola @artf, gracias por la rápida respuesta, pero en realidad, parte del problema sigue siendo que, incluso después de hacer un cambio, por ejemplo, hacer clic en "centrar" alinear opción de radio con la instrucción if que sugeriste, las selecciones posteriores de ese componente siguen cerrando sesión con el valor 'style:property:update' con 'property' y 'to' como valores existentes (aunque no cambies nada y solo selecciones el componente). Aquí tienes un vídeo rápido abajo y también he actualizado el jsfiddle con tu sugerencia.

¿Hay alguna forma de simplemente escuchar un cambio en el valor de la radio o hacer clic en otra opción de radio en el gestor de estilo? También probé usar el 'onChange' de la propiedad, pero funciona de forma similar al 'style:property:update', registrando con cada clic aunque no se haya actualizado ningún valor de style.

https://user-images.githubusercontent.com/83087753/235668944-27e9ee52-f24f-412f-9707-c63cef4b502e.mp4

Gracias por informar de esto, @SagarMaria.

Buena pregunta sobre Style:property:update y Property onChange que se activan excesivamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!