/** * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals console:false, document, window */ import ClassicEditor from '../../src/classiceditor'; import Enter from '@ckeditor/ckeditor5-enter/src/enter'; import Typing from '@ckeditor/ckeditor5-typing/src/typing'; import Heading from '@ckeditor/ckeditor5-heading/src/heading'; import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; import Undo from '@ckeditor/ckeditor5-undo/src/undo'; import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold'; import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic'; const data = '

Hello world!

This is an editor instance.

'; window.editors = []; const container = document.querySelector( '.container' ); function initEditor() { ClassicEditor .create( data, { plugins: [ Enter, Typing, Paragraph, Undo, Heading, Bold, Italic ], toolbar: [ 'heading', '|', 'bold', 'italic', 'undo', 'redo' ] } ) .then( editor => { window.editors.push( editor ); container.appendChild( editor.element ); } ) .catch( err => { console.error( err.stack ); } ); } function destroyEditor() { window.editors.forEach( editor => { editor.destroy() .then( () => { editor.element.remove(); } ); } ); } document.getElementById( 'initEditor' ).addEventListener( 'click', initEditor ); document.getElementById( 'destroyEditor' ).addEventListener( 'click', destroyEditor );