8
0

creator-legacy.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /**
  2. * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. /* global console:false */
  6. 'use strict';
  7. import CKEDITOR from '/ckeditor.js';
  8. import LegacyCreator from '/tests/ckeditor5/creator/manual/_utils/creator/classiccreator.js';
  9. import testUtils from '/tests/utils/_utils/utils.js';
  10. let editor, editable, observer;
  11. function initEditor() {
  12. CKEDITOR.create( '#editor', {
  13. creator: LegacyCreator,
  14. ui: {
  15. width: 400,
  16. height: 400
  17. },
  18. toolbar: [ 'bold', 'italic' ]
  19. } )
  20. .then( ( newEditor ) => {
  21. console.log( 'Editor was initialized', newEditor );
  22. console.log( 'You can now play with it using global `editor` and `editable` variables.' );
  23. window.editor = editor = newEditor;
  24. window.editable = editable = editor.editables.get( 0 );
  25. console.log( window.editor, editor );
  26. observer = testUtils.createObserver();
  27. observer.observe( 'Editable', editable );
  28. } );
  29. }
  30. function destroyEditor() {
  31. editor.destroy()
  32. .then( () => {
  33. window.editor = editor = null;
  34. window.editable = editable = null;
  35. observer.stopListening();
  36. observer = null;
  37. console.log( 'Editor was destroyed' );
  38. } );
  39. }
  40. document.getElementById( 'initEditor' ).addEventListener( 'click', initEditor );
  41. document.getElementById( 'destroyEditor' ).addEventListener( 'click', destroyEditor );