Issue #2015💬 RespondidoAbierto el 14 de mayo de 2019por HakuTheWolfSpiritReacciones 0

¿Es posible extraer las propiedades actualizadas en los eventos?

Respuesta rápidapor artf

Puedes hacerlo de esta manera: '''js editor.on('component:styleUpdate:font-family', component => { console.log('componente actualizado', componente, 'nuevo valor de la familia de fuentes', component.getStyle()['familia de fuentes']); }); ```

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Me pregunto si es posible reaccionar a las actualizaciones de la propiedad.

He intentado usar los eventos integrados, pero no tengo claro cómo se supone que debo extraer la información necesaria del modelo. Por ejemplo, cuando gestiono el evento ''component:styleUpdate:font-family'', entonces me sale un modelo con mucha información, pero no exactamente cuál familia de fuentes es la nueva.

Sería genial si fuera posible tener el nodo html actualizado y las propiedades css actualizadas para procesar más.

Respuestas (3)

artf19 de mayo de 2019

Puedes hacerlo de esta manera: '''js editor.on('component:styleUpdate:font-family', component => { console.log('componente actualizado', componente, 'nuevo valor de la familia de fuentes', component.getStyle()['familia de fuentes']); });

HakuTheWolfSpirit20 de mayo de 2019

Gracias por tu respuesta. Eso significaría que tenía que escribir para cada uno de los gestores de eventos. ¿No hay una forma más genérica de resolver este problema?

artf23 de mayo de 2019

Eso significaría que tenía que escribir para cada uno de los gestores de eventos.

¿Cada qué? ¿Propiedad? En ese caso puedes probar esto: '''js editor.on('component:styleUpdate', (component, prop) => { console.log('componente actualizado', componente, 'propiedad:', prop, 'value:', component.getStyle()[prop]); });

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.