Editor

editor.before.load #

Arguments

html

String

Source content of the editor.

Occurs before the editor starts.

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

editor.load #

Arguments

html

String

Source content of the editor.

Occurs when the editor is started.

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

editor.ready #

Occurs when the document of the editor frame is loaded.

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

editor.before.change #

Arguments

html

String

Content of the editor.

Occurs before syncing content with the source textarea.

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

editor.change #

Arguments

html

String

Content of the editor.

Occurs whenever the editor synchronizes content with the source textarea.

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

editor.insert #

Arguments

$nodes	Dom	Inserted Dom elements into editor.
instances	Array	Array of inserted instances into editor.

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

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

editor.before.parse #

Arguments

html

String

Content of the editor.

Occurs before parsing content.

editor.parse #

Arguments

html

String

Content of the editor.

Occurs whenever the content is parsed.

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

editor.before.unparse #

Arguments

html

String

Content of the editor.

Occurs before unparsing content.

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

editor.unparse #

Arguments

html

String

Content of the editor.

Occurs whenever the content is unparsed.

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

editor.click #

Arguments

e

Object

Event object

Occurs whenever a block in the editor is clicked.
This event has event.stop method.

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

editor.focus #

Occurs whenever the editor gets focus.

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

editor.blur #

Occurs whenever the editor loses focus.

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

editor.mouseover #

Arguments

e

Object

Event object

Occurs whenever a block in the editor is hovered.

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

editor.mouseup #

Arguments

e

Object

Event object

Occurs whenever the editor has a mouseup event

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

editor.mousedown #

Arguments

e

Object

Event object

Occurs whenever the editor has a mousedown event

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

editor.keydown #

Arguments

e

Object

Event object

Occurs whenever the editor has a keydown event.
This event has event.stop method.

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

editor.keyup #

Arguments

e

Object

Event object

Occurs whenever the editor has a keyup event.
This event has event.stop method.

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

editor.drop #

Arguments

e

Object

Event object

Occurs whenever the editor has a drop event.

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

editor.dragstart #

Arguments

e

Object

Event object

Occurs whenever the editor has a dragstart event.

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

editor.dragover #

Arguments

e

Object

Event object

Occurs whenever the editor has a dragover event.

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

editor.dragleave #

Arguments

e

Object

Event object

Occurs whenever the editor has a dragleave event.

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

editor.before.cut #

Arguments

e	Object	Event object
html	String	Cut content.

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

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    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

String

Cut html code

Occurs whenever the editor has a cut event.

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

editor.before.copy #

Arguments

e	Object	Event object
html	String	Copied content.

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

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    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

String

Copied html code.

Occurs whenever the editor has a copy event.

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

editor.before.paste #

Arguments

e	Object	Event object
html	String	Pasted content.

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

ArticleEditor('#entry', {
    css: '/your-article-dist-path/',
    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	Dom	Inserted Dom elements into editor.
instances	Array	Array of inserted instances into editor.

Occurs whenever the editor has a paste event.

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

editor.empty #

Occurs whenever the editor is empty.

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