8
0

deleteobserver.js 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /**
  2. * @license Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /**
  6. * @module typing/deleteobserver
  7. */
  8. import Observer from '@ckeditor/ckeditor5-engine/src/view/observer/observer';
  9. import DomEventData from '@ckeditor/ckeditor5-engine/src/view/observer/domeventdata';
  10. import { keyCodes } from '@ckeditor/ckeditor5-utils/src/keyboard';
  11. /**
  12. * Delete observer introduces the {@link module:engine/view/document~Document#event:delete} event.
  13. *
  14. * @extends engine.view.observer.Observer
  15. */
  16. export default class DeleteObserver extends Observer {
  17. constructor( document ) {
  18. super( document );
  19. document.on( 'keydown', ( evt, data ) => {
  20. const deleteData = {};
  21. if ( data.keyCode == keyCodes.delete ) {
  22. deleteData.direction = 'forward';
  23. deleteData.unit = 'character';
  24. } else if ( data.keyCode == keyCodes.backspace ) {
  25. deleteData.direction = 'backward';
  26. deleteData.unit = 'codePoint';
  27. } else {
  28. return;
  29. }
  30. deleteData.unit = data.altKey ? 'word' : deleteData.unit;
  31. document.fire( 'delete', new DomEventData( document, data.domEvent, deleteData ) );
  32. } );
  33. }
  34. /**
  35. * @inheritDoc
  36. */
  37. observe() {}
  38. }
  39. /**
  40. * Event fired when the user tries to delete content (e.g. presses <kbd>Delete</kbd> or <kbd>Backspace</kbd>).
  41. *
  42. * Note: This event is fired by the {@link module:typing/deleteobserver~DeleteObserver observer}
  43. * (usually registered by the {@link module:typing/delete~Delete delete feature}).
  44. *
  45. * @event module:engine/view/document~Document#event:delete
  46. * @param {module:engine/view/observer/domeventdata~DomEventData} data
  47. * @param {'forward'|'delete'} data.direction The direction in which the deletion should happen.
  48. * @param {'character'|'word'} data.unit The "amount" of content that should be deleted.
  49. */