Documentation / Events

Editor

editor.before.load #

Arguments
html StringSource content of the editor.

Occurs before the editor starts.

Redactor('#entry', {
    subscribe: {
        'editor.before.load': function(event) {
            ...
        }
    }
});

editor.load #

Arguments
html StringSource content of the editor.

Occurs when the editor is started.

Redactor('#entry', {
    subscribe: {
        'editor.load': function(event) {
            ...
        }
    }
});

editor.before.change #

Arguments
html StringContent of the editor.

Occurs before syncing content with the source textarea.

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

editor.change #

Arguments
html StringContent of the editor.

Occurs whenever the editor synchronizes content with the source textarea.

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

editor.insert #

Arguments
inserted DomInserted instances of elements.

Occurs when the content is inserted to the editor using the API method editor.insert.

Redactor('#entry', {
    subscribe: {
        'editor.insert': function(event) {
            console.log(event.get('inserted'));
        }
    }
});

editor.before.parse #

Arguments
html StringContent of the editor.

Occurs before parsing content.

Redactor('#entry', {
    subscribe: {
        'editor.before.parse': function(event) {
            ...
        }
    }
});

editor.parse #

Arguments
html StringContent of the editor.

Occurs whenever the content is parsed.

Redactor('#entry', {
    subscribe: {
        'editor.parse': function(event) {
            ...
        }
    }
});

editor.before.unparse #

Arguments
html StringContent of the editor.

Occurs before unparsing content.

Redactor('#entry', {
    subscribe: {
        'editor.before.unparse': function(event) {
            ...
        }
    }
});

editor.unparse #

Arguments
html StringContent of the editor.

Occurs whenever the content is unparsed.

Redactor('#entry', {
    subscribe: {
        'editor.unparse': function(event) {
            ...
        }
    }
});

editor.focus #

Occurs whenever the editor gets focus.

Redactor('#entry', {
    subscribe: {
        'editor.focus': function() {
            ...
        }
    }
});

editor.blur #

Occurs whenever the editor loses focus.

Redactor('#entry', {
    subscribe: {
        'editor.blur': function() {
            ...
        }
    }
});

editor.click #

Arguments
e ObjectEvent object

Occurs whenever a block in the editor is clicked.

This event has event.stop method.

Redactor('#entry', {
    subscribe: {
        'editor.click': function(event) {
            ...
        }
    }
});

editor.mouseover #

Arguments
e ObjectEvent object

Occurs whenever a block in the editor is hovered.

Redactor('#entry', {
    subscribe: {
        'editor.mouseover': function(event) {
            ...
        }
    }
});

editor.mouseup #

Arguments
e ObjectEvent object

Occurs whenever the editor has a mouseup event

Redactor('#entry', {
    subscribe: {
        'editor.mouseup': function(event) {
            ...
        }
    }
});

editor.mousedown #

Arguments
e ObjectEvent object

Occurs whenever the editor has a mousedown event

Redactor('#entry', {
    subscribe: {
        'editor.mousedown': function(event) {
            ...
        }
    }
});

editor.keydown #

Arguments
e ObjectEvent object

Occurs whenever the editor has a keydown event.

This event has event.stop method.

Redactor('#entry', {
    subscribe: {
        'editor.keydown': function(event) {
            ...
        }
    }
});

editor.keyup #

Arguments
e ObjectEvent object

Occurs whenever the editor has a keyup event.

This event has event.stop method.

Redactor('#entry', {
    subscribe: {
        'editor.keyup': function(event) {
            ...
        }
    }
});

editor.drop #

Arguments
e ObjectEvent object

Occurs whenever the editor has a drop event.

Redactor('#entry', {
    subscribe: {
        'editor.drop': function(event) {
            ...
        }
    }
});

editor.dragstart #

Arguments
e ObjectEvent object

Occurs whenever the editor has a dragstart event.

Redactor('#entry', {
    subscribe: {
        'editor.dragstart': function(event) {
            ...
        }
    }
});

editor.dragover #

Arguments
e ObjectEvent object

Occurs whenever the editor has a dragover event.

Redactor('#entry', {
    subscribe: {
        'editor.dragover': function(event) {
            ...
        }
    }
});

editor.dragleave #

Arguments
e ObjectEvent object

Occurs whenever the editor has a dragleave event.

Redactor('#entry', {
    subscribe: {
        'editor.dragleave': function(event) {
            ...
        }
    }
});

editor.before.cut #

Arguments
eObjectEvent object
html StringCut content.

Occurs before the cut event. This event has event.stop method.

Redactor('#entry', {
    subscribe: {
        'editor.before.cut': function(event) {
            // get cut html
            var html = event.get('html');

            // return html back
            event.set('html', html);
        }
    }
});

editor.cut #

Arguments
html StringThe cut html code

Occurs whenever the editor has a cut event.

Redactor('#entry', {
    subscribe: {
        'editor.cut': function(event) {
            ...
        }
    }
});

editor.before.copy #

Arguments
eObjectEvent object
html StringCopied content.

Occurs before the copy event. This event has event.stop method.

Redactor('#entry', {
    subscribe: {
        'editor.before.copy': function(event) {
            // get copied html
            var html = event.get('html');

            // return html back
            event.set('html', html);
        }
    }
});

editor.copy #

Arguments
html StringThe copied html code

Occurs whenever the editor has a copy event.

Redactor('#entry', {
    subscribe: {
        'editor.copy': function(event) {
            ...
        }
    }
});

editor.before.paste #

Arguments
eObjectEvent object
html StringPasted content.

Occurs before the paste event. This event has event.stop method.

Redactor('#entry', {
    subscribe: {
        'editor.before.paste': function(event) {
            // get pasted html
            var html = event.get('html');

            // return html back
            event.set('html', html);
        }
    }
});

editor.paste #

Arguments
$nodes DomInserted Dom elements into editor.
instances ArrayArray of inserted instances into editor.

Occurs whenever the editor has a paste event.

Redactor('#entry', {
    subscribe: {
        'editor.paste': function(event) {
            ...
        }
    }
});

editor.empty #

Occurs whenever the editor is empty.

Redactor('#entry', {
    subscribe: {
        'editor.empty': function() {
            ...
        }
    }
});