pagebreak.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /**
  2. * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* globals console, window, document */
  6. import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
  7. import ArticlePluginSet from '@ckeditor/ckeditor5-core/tests/_utils/articlepluginset';
  8. import ImageUpload from '@ckeditor/ckeditor5-image/src/imageupload';
  9. import EasyImage from '@ckeditor/ckeditor5-easy-image/src/easyimage';
  10. import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
  11. import PageBreak from '../../src/pagebreak';
  12. ClassicEditor
  13. .create( document.querySelector( '#editor' ), {
  14. cloudServices: CS_CONFIG,
  15. plugins: [ ArticlePluginSet, ImageUpload, EasyImage, PageBreak ],
  16. toolbar: [
  17. 'heading',
  18. '|',
  19. 'bold', 'italic', 'numberedList', 'bulletedList',
  20. '|',
  21. 'link', 'blockquote', 'imageUpload', 'insertTable', 'mediaEmbed',
  22. '|',
  23. 'undo', 'redo',
  24. '|',
  25. 'pageBreak'
  26. ],
  27. image: {
  28. styles: [
  29. 'full',
  30. 'alignLeft',
  31. 'alignRight'
  32. ],
  33. toolbar: [
  34. 'imageStyle:alignLeft',
  35. 'imageStyle:full',
  36. 'imageStyle:alignRight',
  37. '|',
  38. 'imageTextAlternative'
  39. ]
  40. },
  41. table: {
  42. contentToolbar: [
  43. 'tableColumn',
  44. 'tableRow',
  45. 'mergeTableCells'
  46. ]
  47. }
  48. } )
  49. .then( editor => {
  50. window.editor = editor;
  51. // Generate "Editor content preview".
  52. const contentPreviewBox = document.getElementById( 'preview' );
  53. contentPreviewBox.innerHTML = editor.getData();
  54. editor.model.document.on( 'change:data', () => {
  55. contentPreviewBox.innerHTML = editor.getData();
  56. } );
  57. } )
  58. .catch( err => {
  59. console.error( err.stack );
  60. } );