8
0

compositionobserver.js 1.0 KB

123456789101112131415161718192021222324252627282930
  1. /**
  2. * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* globals console, window, document */
  6. import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
  7. import Typing from '@ckeditor/ckeditor5-typing/src/typing';
  8. import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
  9. ClassicEditor
  10. .create( document.querySelector( '#editor' ), {
  11. plugins: [ Typing, Paragraph ]
  12. } )
  13. .then( editor => {
  14. window.editor = editor;
  15. const view = editor.editing.view;
  16. const viewDocument = view.document;
  17. viewDocument.on( 'compositionstart', ( evt, data ) => console.log( 'compositionstart', data ) );
  18. viewDocument.on( 'compositionupdate', ( evt, data ) => console.log( 'compositionupdate', data ) );
  19. viewDocument.on( 'compositionend', ( evt, data ) => console.log( 'compositionend', data ) );
  20. view.focus();
  21. } )
  22. .catch( err => {
  23. console.error( err.stack );
  24. } );