keyobserver.js 942 B

12345678910111213141516171819202122232425262728
  1. /**
  2. * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* globals console, document */
  6. import View from '../../../src/view/view';
  7. import createViewRoot from '../_utils/createroot';
  8. import { StylesProcessor } from '../../../src/view/stylesmap';
  9. const view = new View( new StylesProcessor() );
  10. const viewDocument = view.document;
  11. viewDocument.on( 'keydown', ( evt, data ) => console.log( 'keydown', data ) );
  12. viewDocument.on( 'keyup', ( evt, data ) => console.log( 'keyup', data ) );
  13. const viewRoot = createViewRoot( viewDocument, 'div', 'editable' );
  14. view.attachDomRoot( document.getElementById( 'editable' ), 'editable' );
  15. view.change( writer => {
  16. const text = writer.createText( 'foobar' );
  17. writer.insert( writer.createPositionAt( viewRoot, 0 ), text );
  18. writer.setSelection( text, 3 );
  19. } );
  20. view.focus();