8
0

creator-classic.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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 ClassicCreator 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: ClassicCreator,
  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. observer = testUtils.createObserver();
  26. observer.observe( 'Editable', editable );
  27. } );
  28. }
  29. function destroyEditor() {
  30. editor.destroy()
  31. .then( () => {
  32. window.editor = editor = null;
  33. window.editable = editable = null;
  34. observer.stopListening();
  35. observer = null;
  36. console.log( 'Editor was destroyed' );
  37. } );
  38. }
  39. document.getElementById( 'initEditor' ).addEventListener( 'click', initEditor );
  40. document.getElementById( 'destroyEditor' ).addEventListener( 'click', destroyEditor );