document-editor.js 1006 B

1234567891011121314151617181920212223242526272829
  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 DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document/src/ckeditor';
  7. import ImageResize from '@ckeditor/ckeditor5-image/src/imageresize';
  8. import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
  9. DecoupledEditor
  10. .create( document.querySelector( '.document-editor__editable' ), {
  11. extraPlugins: [ ImageResize ],
  12. cloudServices: CS_CONFIG,
  13. image: {
  14. toolbar: [ 'imageTextAlternative', '|', 'imageStyle:alignLeft', 'imageStyle:full', 'imageStyle:alignRight' ]
  15. }
  16. } )
  17. .then( editor => {
  18. const toolbarContainer = document.querySelector( '.document-editor__toolbar' );
  19. toolbarContainer.appendChild( editor.ui.view.toolbar.element );
  20. window.editor = editor;
  21. } )
  22. .catch( err => {
  23. console.error( err );
  24. } );