Pass the MDE context to the custom image function

[JoshuaLicense]

Removes the need to bind the context manually to the imageUploadFunction when wanting to access the class methods (such as this.updateStatusBar).

[Ionaru]

Is this not an option?

    var editor = new EasyMDE({
        imageUploadFunction: function(files) {
            editor.updateStatusBar('upload-image', 'Uploading...');
        },
    });

[JoshuaLicense]

There are many options to workaround it like the above; I thought it'd be a little more user-friendly if the context was already bind however. Are there any downsides to calling the function using apply?

An example I can think of it being helpful is if the imageUploadFunction was declared before the EasyMDE class was initialised.

const imageUploadFunction = function(file, onSuccess, onError) {
    // ...
    this.updateStatusBar('upload-image', '...');
    // ...
};

const textareas = document.querySelectorAll('textarea');

textareas.forEach(textarea => new EasyMDE({ imageUploadFunction }));

In my case, I've abstracted some pre-configured default options for EasyMDE that are firstly imported from a different file to the initialisation call.

defaults.js

const options = {
    //...
    imageUploadFunction = function(file, onSuccess, onError) {}
    //..
};
export default options;

markdown.js

import _defaults from "defaults";

window.EasyMDE = options => {
    // ...
    // Merge default-options with passed options.
    // ...

    return new EasyMDE(options);
};