The component can save some communication between server and client:
When setting HTML at the server then there is the setHtml-call at the client and then the client fires the ‘text-change’ event and sends the content to the server again.
This may influence a dirty flag or something like that.
To eliminate the roundtrip you can mark the event in setHtml in quilleditor.js as not-user-triggered like this:
setHtml(htmlContent) {this.quillEditor.setContents(this.quillEditor.clipboard.convert(htmlContent), 'silent');}
and you can set some delay (in this example 1000ms) to send the changes a little delayed, for the case that the user does more change than just one character:
this.quillEditor.on('text-change', function(delta, oldDelta, source) {
if (source=='user') {
clearTimeout(thisThat.quillEditor.timeoutHandle);
thisThat.quillEditor.timeoutHandle = setTimeout(function() {thisThat.$server.setHtml(thisThat.quillEditor.root.innerHTML)}, 1000);
}
});