Callbacks guide of inLine

This plugin version is deprecated, get the new version now to stay up to date.

Version:

On this page:

    Try the new inLine configurator to easily get the best plugin configuration!
    Configure now

    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');
    }
    });