Eventos relacionados con los componentes de lectura

Question

La wiki de la API del editor lista un conjunto de eventos relacionados con componentes que pueden ser escuchados (por ejemplo, 'component:add', 'component:update'). Sin embargo, no se menciona qué tipo de objetos de evento recibe el oyente ni cómo están estructurados (qué propiedades tienen y qué valores pueden contener). Cuando un componente se actualiza (por ejemplo, se cambia el tamaño de la fuente), necesitamos ser capaces de detectar el evento, procesarlo y reaccionar a él. ¿Puedes darnos...

ppisecky · Accepted Answer

@artf gracias por tu respuesta. Sin embargo, buscaba un ejemplo más general para determinar si hubo cambios y cuáles fueron, por ejemplo, algo como esto: '''javascript editor.on('component:update', model => { if (model.isChanged()) { //.... } if (model.isChanged('style:font-size')) { //.... } var changes = model.getChanges(); }); ``` Necesitamos hacer un seguimiento de los cambios en los componentes de un proyecto, así que necesitamos algo más general. ¿Podrías explicar también por qué se activ...

artf · Answer

Gracias @ppisecky por señalarlo, actualicé el código fuente, pero básicamente cualquier evento relacionado con componentes recibe el modelo activado. Sobre tu caso de 'tamaño de fuente', puedes configurar este oyente '''js editor.on('component:styleUpdate:font-size', model => console.log('Tamaño de fuente: ', model.getStyle()['tamaño de fuente']) ); ```

Eventos relacionados con los componentes de lectura

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

La propiedad de script usando función no funciona con bloques

Configuración de propiedades de los componentes

¿por qué las líneas discontinuas no se muestran alrededor de los componentes?

Relacionado con la tarea https://github.com/artf/grapesjs/issues/873

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins