Callbacks

inLine comes with the following callback functions.


onChange

The onChange callback is excecuted each time you make a change on the selector initialized with inLine. It must be specified on the main options as shown below and it returns the API object:

How to set

new inLine('#myEditor', { 
onChange: function (api) {
document.querySelector('#myTextarea').value = api.content;
}
});

onToolbarOpen

The onToolbarOpen callback is excecuted when you select a text and the toolbar comes up.

How to set

new inLine('#myEditor', {
onToolbarOpen: function (api) {
console.log('The text you selected is ' + api.selection.text;
}
});

onToolbarClose

The onToolbarClose callback is excecuted when you release the selection and the toolbar is closed.

How to set

new inLine('#myEditor', {
onToolbarClose: function (api) {
console.log('The toolbar has been closed');
}
});

onDestroy

The onDestroy callback is excecuted when you call the destroy function and the selector is restored to the default state:

How to set

new inLine('#myEditor', {
onDestroy: function () {
console.log('Inline function has been destroyed');
}
});

onReady

The onReady callback is excecuted when inLine is successful initialized and everything is ready to go.

How to set

new inLine('#myEditor', {
onReady: function (api) {
console.log('Inline is ready');
}
});