How to listen to composition events?

[gongzhiq]

$(editor).on({
                    compositionstart: function () {
                    },
                    compositionend: function () {
                    },
                    input: function () {
                   }
 });

How can editor objects be found?

[oleq]

cc @f1ames

[f1ames]

There is a special observer for composition events, see CompositionObserver.

Usually you create editor like:

ClassicEditor
    .create( document.querySelector( '#editor' ) )
    .then( newEditor => {
        editor = newEditor;
    } )
    .catch( error => {
        console.error( error );
    } );

and then you can add listeners (in .then callback) like:

editor.editing.view.document.on( 'compositionstart', callback );
editor.editing.view.document.on( 'compositionupdate', callback );
editor.editing.view.document.on( 'compositionend', callback );