Image

image.change

Arguments

response

Object

The response object with data of the uploaded image

Occurs whenever an image in the editor is replaced with a new one.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.change': function(event) {
            ...
        }
    }
});

image.select

Arguments

instance	Object	The instance of the image block
data	Object	The response object with data of the image

Occurs whenever an image is selected from the thumbnail list.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
        'image.select': function(event) {
            var instance = event.get('instance');
            var $image = instance.getImage();
            var data = event.get('data');
            console.log(data.url)
        }
    }
});

image.remove

Arguments

url	String	Address path of the image.
id	String	data-image attribute of the image.

Occurs whenever an image removed.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.remove': function(event) {
            ...
        }
    }
});

image.upload

Arguments

instance	Object	The instance of the image block
data	Object	The response object with data of the uploaded image

Occurs whenever an image is uploaded into the editor.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.upload': function(event) {
            var data = event.get('data');
            var instance = event.get('instance');
            var $image = instance.getImage();

            if (data.hasOwnProperty('alt')) {
                $image.attr('alt', data.alt);
            }
        }
    }
});

image.upload.error

Arguments

response

Object

JSON object with error data

Occurs when the image upload fails.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.upload.error': function(event) {
            ...
        }
    }
});

Here is the example of JSON error response:

{
    "error": true,
    "message": "Something went wrong..."
}

image.link

Arguments

instance	Object	The instance of the image block
link	Dom	Dom element of the link.

Occurs when a link is added to the image or the image link is edited.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.link': function(event) {
            var instance = event.get('instance');
            var link = event.get('link');
        }
    }
});

image.unlink

Arguments

instance

Object

The instance of the image block

Occurs when the image has a link removed.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.unlink': function(event) {
            var instance = event.get('instance');
        }
    }
});

image.width

Arguments

image	Dom	Dom element of the image.
width	String	Width value.

Occurs whenever the width of the image changes if the image.width setting is enabled.

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    subscribe: {
        'image.width': function(event) {
            var $image = event.get('image');
            var width = event.get('width');
        }
    }
});