page-break.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. /* globals window, document, console */
  6. import ClassicEditor from '@ckeditor/ckeditor5-build-classic/src/ckeditor';
  7. import PageBreak from '@ckeditor/ckeditor5-page-break/src/pagebreak';
  8. import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
  9. ClassicEditor.builtinPlugins.push( PageBreak );
  10. ClassicEditor
  11. .create( document.querySelector( '#snippet-page-break' ), {
  12. toolbar: {
  13. items: [
  14. 'heading',
  15. '|',
  16. 'bold',
  17. 'italic',
  18. 'bulletedList',
  19. 'numberedList',
  20. 'blockQuote',
  21. 'link',
  22. '|',
  23. 'imageUpload',
  24. 'mediaEmbed',
  25. 'insertTable',
  26. 'pageBreak',
  27. '|',
  28. 'undo',
  29. 'redo',
  30. ],
  31. viewportTopOffset: window.getViewportTopOffsetConfig()
  32. },
  33. image: {
  34. styles: [
  35. 'full',
  36. 'alignLeft',
  37. 'alignRight'
  38. ],
  39. toolbar: [
  40. 'imageStyle:alignLeft',
  41. 'imageStyle:full',
  42. 'imageStyle:alignRight',
  43. '|',
  44. 'imageTextAlternative'
  45. ]
  46. },
  47. table: {
  48. contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ]
  49. },
  50. cloudServices: CS_CONFIG
  51. } )
  52. .then( editor => {
  53. window.editor = editor;
  54. // The "Log editor data" button logic.
  55. document.querySelector( '#log-data' ).addEventListener( 'click', () => {
  56. console.log( editor.getData() );
  57. } );
  58. } )
  59. .catch( err => {
  60. console.error( err.stack );
  61. } );