¿Es posible extraer las propiedades actualizadas en los eventos?
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)
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']); });
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?
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.
Issue #2251
añadir propiedades de Rasgos en el cuerpo del lienzo[PREGUNTA]
Hola, Sé que añadimos las opciones o propiedades de rasgos para cualquier bloque de componente. pero no sé cómo añadir los rasgos para el c...
Issue #3879
Actualizaciones sobre que el Selector Manager no está siendo seguido por Undo Manager
¡Hola @artf! Yo provoqué este problema de error como sugerí en mi pregunta sobre Cómo añadir los eventos/acciones del Selector Manager a la...
Issue #2076
[PREGUNTA] ¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?
Hola, gracias por el buen trabajo. Me gustaría saber si hay alguna forma de usar las directivas de las cuchillas dentro del código. Ya añad...
Issue #2814
[PREGUNTA] Botón de panel personalizado que activa/deshabilita dinámicamente los scripts de usuario
Hola y gracias por compartir un proyecto tan bueno. Estoy intentando personalizar algunas cosas en el editor, pero tengo algunas preguntas...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →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.