Trigger 'editor-change' when user changes image alignment

Description

I scratched my head for hours to verify this before even posting. I founded out that when a user interacts with the alignment Toolbar, there is no ‘editor-change’ event being triggered. I can be a problem when a user change alignment as final action since it will not be registered by my Vue component (I rely on a change event bound to Quill editor-change event).

Demo

1. open this plunkr
2. open dev console
3. try resizing an image: editor-change triggered
4. try changing alignment: no editor-change 😭

[benwinding]

Okay, we solved this issue by adding the code from this comment: https://github.com/kensnyder/quill-image-resize-module/issues/10#issuecomment-317747389

var BaseImageFormat = Quill.import('formats/image');
const ImageFormatAttributesList = [
    'alt',
    'height',
    'width',
    'style'
];

class ImageFormat extends BaseImageFormat {
  static formats(domNode) {
    return ImageFormatAttributesList.reduce(function(formats, attribute) {
      if (domNode.hasAttribute(attribute)) {
        formats[attribute] = domNode.getAttribute(attribute);
      }
      return formats;
    }, {});
  }
  format(name, value) {
    if (ImageFormatAttributesList.indexOf(name) > -1) {
      if (value) {
        this.domNode.setAttribute(name, value);
      } else {
        this.domNode.removeAttribute(name);
      }
    } else {
      super.format(name, value);
    }
  }
}

Quill.register(ImageFormat, true);
                
                
var quill = new Quill('#editor', {
    theme: 'snow',
    modules: {
        imageResize: {}
    }
});

[jsiebern]

+1