Issue #1864✓ SolvedOpened March 6, 2019by simplecommerce3 reactions

Best way to listen to changes on the final HTML?

Quick answerby a-bashtannik❤ 2

@simplecommerce , try also this, maybe fit better for you

Question

Hi, I just had a quick question because I could not figure out how to do it or did not find an issue related to it. I am just trying to call a function when any changes is done on the canvas. For example, I am adding a block or removing a block. I am changing the attributes using the style manager. Or drag and dropping the blocks within the canvas. Or even updating the traits. Is there a global event I can listen to it trigger my function? I am not talking about any actual changes in the Canvas itself but changes that apply to the final HTML when I call the method editor.getHtml(). Any help o...

Answers (3)

👍 Most helpfula-bashtannik• March 7, 2019

@simplecommerce , try also this, maybe fit better for you

editor.on('change:changesCount', e => {
// Change!
    });

arthuralmeidap• March 6, 2019

The way you did is the simplest way to achieve that in my opinion.

arthuralmeidap• March 6, 2019

What do you want to achieve at the end?

You could use something like editor.on('all', () => //your code here ); but this is not practical at all. there are many events being triggered by GrapesJS and I don't think this will suit your needs.

View full discussion on GitHub →