Image

image.upload #

Occurs whenever an image is uploaded into the editor.

Redactor('#entry', {
    subscribe: {
        'image.upload': function(event) {
            let data = event.get('data');
            let instance = event.get('instance');
            let $image = instance.getImage();

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

image.select #

Occurs whenever an image is selected from the thumbnail list.

Redactor('#entry', {
    subscribe: {
        'image.select': function(event) {
            let instance = event.get('instance');
            let $image = instance.getImage();
            let data = event.get('data');
            console.log(data.url)
        }
    }
});

image.change #

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

Redactor('#entry', {
    subscribe: {
        'image.change': function(event) {
            ...
        }
    }
});

image.remove #

Occurs whenever an image removed.

Redactor('#entry', {
    subscribe: {
        'image.remove': function(event) {
            ...
        }
    }
});

image.upload.error #

Occurs when the image upload fails.

Redactor('#entry', {
    subscribe: {
        'image.upload.error': function(event) {
            ...
        }
    }
});

Here is the example of JSON error response:

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

image.link #

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

Redactor('#entry', {
    subscribe: {
        'image.link': function(event) {
            let instance = event.get('instance');
            let link = event.get('link');
        }
    }
});

image.unlink #

Occurs when the image has a link removed.

Redactor('#entry', {
    subscribe: {
        'image.unlink': function(event) {
            let instance = event.get('instance');
        }
    }
});

image.width #

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

Redactor('#entry', {
    subscribe: {
        'image.width': function(event) {
            let $image = event.get('image');
            let width = event.get('width');
        }
    }
});