title.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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, document, window */
  6. import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
  7. import Enter from '@ckeditor/ckeditor5-enter/src/enter';
  8. import Typing from '@ckeditor/ckeditor5-typing/src/typing';
  9. import Title from '../../src/title';
  10. import Heading from '../../src/heading';
  11. import Undo from '@ckeditor/ckeditor5-undo/src/undo';
  12. import Clipboard from '@ckeditor/ckeditor5-clipboard/src/clipboard';
  13. import { UploadAdapterMock } from '@ckeditor/ckeditor5-upload/tests/_utils/mocks';
  14. import Image from '@ckeditor/ckeditor5-image/src/image';
  15. import ImageUpload from '@ckeditor/ckeditor5-image/src/imageupload';
  16. import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
  17. import Alignment from '@ckeditor/ckeditor5-alignment/src/alignment';
  18. ClassicEditor
  19. .create( document.querySelector( '#editor1' ), {
  20. plugins: [ Enter, Typing, Undo, Heading, Title, Clipboard, Image, ImageUpload, Bold, Alignment ],
  21. toolbar: [ 'heading', '|', 'undo', 'redo', 'bold', 'imageUpload', 'alignment' ]
  22. } )
  23. .then( editor => {
  24. window.editor = editor;
  25. editor.plugins.get( 'FileRepository' ).createUploadAdapter = loader => new UploadAdapterMock( loader );
  26. } )
  27. .catch( err => {
  28. console.error( err.stack );
  29. } );
  30. ClassicEditor
  31. .create( document.querySelector( '#editor2' ), {
  32. plugins: [ Enter, Typing, Undo, Heading, Title, Clipboard, Image, ImageUpload, Bold, Alignment ],
  33. toolbar: [ 'heading', '|', 'undo', 'redo', 'bold', 'imageUpload', 'alignment' ],
  34. placeholder: 'Custom body placeholder',
  35. title: {
  36. placeholder: 'Custom title placeholder'
  37. }
  38. } )
  39. .then( editor => {
  40. editor.plugins.get( 'FileRepository' ).createUploadAdapter = loader => new UploadAdapterMock( loader );
  41. } )
  42. .catch( err => {
  43. console.error( err.stack );
  44. } );