|
|
@@ -9,20 +9,39 @@ import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud
|
|
|
|
|
|
ClassicEditor
|
|
|
.create( document.querySelector( '#snippet-image-style-custom' ), {
|
|
|
- removePlugins: [ 'ImageResize', 'LinkImage' ],
|
|
|
+ removePlugins: [ 'LinkImage' ],
|
|
|
image: {
|
|
|
+ resizeOptions: [
|
|
|
+ {
|
|
|
+ name: 'imageResize:original',
|
|
|
+ label: 'Original',
|
|
|
+ value: null
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'imageResize:50',
|
|
|
+ label: '50%',
|
|
|
+ value: '50'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'imageResize:75',
|
|
|
+ label: '75%',
|
|
|
+ value: '75'
|
|
|
+ }
|
|
|
+ ],
|
|
|
styles: [
|
|
|
- // This option is equal to a situation where no style is applied.
|
|
|
- 'full',
|
|
|
-
|
|
|
- // This represents an image aligned to left.
|
|
|
'alignLeft',
|
|
|
-
|
|
|
- // This represents an image aligned to right.
|
|
|
+ 'alignCenter',
|
|
|
'alignRight'
|
|
|
],
|
|
|
-
|
|
|
- toolbar: [ 'imageTextAlternative', '|', 'imageStyle:alignLeft', 'imageStyle:full', 'imageStyle:alignRight' ]
|
|
|
+ toolbar: [
|
|
|
+ 'imageStyle:alignLeft',
|
|
|
+ 'imageStyle:alignCenter',
|
|
|
+ 'imageStyle:alignRight',
|
|
|
+ '|',
|
|
|
+ 'imageResize:50',
|
|
|
+ 'imageResize:75',
|
|
|
+ 'imageResize:original'
|
|
|
+ ]
|
|
|
},
|
|
|
toolbar: {
|
|
|
viewportTopOffset: window.getViewportTopOffsetConfig()
|