|
|
@@ -6,15 +6,42 @@
|
|
|
/* globals console, window, document */
|
|
|
|
|
|
import InlineEditor from '@ckeditor/ckeditor5-build-inline/src/ckeditor';
|
|
|
+import ImageResize from '@ckeditor/ckeditor5-image/src/imageresize';
|
|
|
import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
|
|
|
|
|
|
const inlineInjectElements = document.querySelectorAll( '#snippet-inline-editor [data-inline-inject]' );
|
|
|
|
|
|
Array.from( inlineInjectElements ).forEach( inlineElement => {
|
|
|
const config = {
|
|
|
+ extraPlugins: [ ImageResize ],
|
|
|
image: {
|
|
|
- toolbar: [ 'imageTextAlternative', '|', 'imageStyle:alignLeft', 'imageStyle:full', 'imageStyle:alignRight' ],
|
|
|
- styles: [ 'full', 'alignLeft', 'alignRight' ]
|
|
|
+ resizeOptions: [
|
|
|
+ {
|
|
|
+ name: 'imageResize:original',
|
|
|
+ label: 'Original',
|
|
|
+ value: null
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'imageResize:50',
|
|
|
+ label: '50%',
|
|
|
+ value: '50'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'imageResize:75',
|
|
|
+ label: '75%',
|
|
|
+ value: '75'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ styles: [ 'full', 'alignLeft', 'alignRight' ],
|
|
|
+ toolbar: [
|
|
|
+ 'imageStyle:alignLeft',
|
|
|
+ 'imageStyle:full',
|
|
|
+ 'imageStyle:alignRight',
|
|
|
+ '|',
|
|
|
+ 'imageResize',
|
|
|
+ '|',
|
|
|
+ 'imageTextAlternative'
|
|
|
+ ]
|
|
|
},
|
|
|
toolbar: {
|
|
|
viewportTopOffset: window.getViewportTopOffsetConfig()
|