deep-render.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334
  1. /**
  2. * @license Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* global console, document, window */
  6. import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
  7. import Essentials from '@ckeditor/ckeditor5-essentials/src/essentials';
  8. import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph';
  9. import Underline from '@ckeditor/ckeditor5-basic-styles/src/underline';
  10. import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
  11. import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
  12. import Link from '@ckeditor/ckeditor5-link/src/link';
  13. ClassicEditor
  14. .create( document.querySelector( '#editor' ), {
  15. plugins: [ Essentials, Paragraph, Underline, Bold, Italic, Link ],
  16. toolbar: [ 'undo', 'redo', '|', 'bold', 'underline', 'italic', 'link' ]
  17. } )
  18. .then( editor => {
  19. window.editor = editor;
  20. const preview = document.querySelector( '#preview' );
  21. preview.innerText = editor.getData();
  22. editor.editing.view.on( 'render', () => {
  23. preview.innerText = editor.getData();
  24. } );
  25. } )
  26. .catch( err => {
  27. console.error( err.stack );
  28. } );