Image

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.

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#

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.

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#

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.

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

image.remove#

Arguments:

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

Occurs whenever an image removed.

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

image.upload.error#

Arguments:

• response Object
  • JSON object with error data

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#

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.

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

image.unlink#

Arguments:

• instance Object
  • The instance of the image block

Occurs when the image has a link removed.

Redactor('#entry', {
    subscribe: {
        'image.unlink': function(event) {
            let 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.

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