Browse Source

Internal: implemented a possibility to adjust resize strategy.

Marek Lewandowski 6 years ago
parent
commit
cbda940b60

+ 2 - 2
packages/ckeditor5-image/tests/manual/resize.html

@@ -8,8 +8,8 @@
 	<p>
 		<select name="strategy" id="strategy">
 			<option value="center">Center</option>
-			<option value="top-anchored">Top-anchored center</option>
-			<option value="standard">Standard</option>
+			<option value="top-anchored" selected>Top-anchored center</option>
+			<option value="side">Side</option>
 		</select>
 	</p>
 

+ 15 - 0
packages/ckeditor5-image/tests/manual/resize.js

@@ -13,6 +13,9 @@ import ImagePlugin from '../../src/image';
 import UndoPlugin from '@ckeditor/ckeditor5-undo/src/undo';
 import ClipboardPlugin from '@ckeditor/ckeditor5-clipboard/src/clipboard';
 
+import ResizerCentral from '@ckeditor/ckeditor5-widget/src/resizercentral';
+import ResizerSide from '@ckeditor/ckeditor5-widget/src/resizerside';
+
 ClassicEditor
 	.create( document.querySelector( '#editor' ), {
 		plugins: [ EnterPlugin, TypingPlugin, ParagraphPlugin, ImagePlugin, UndoPlugin, ClipboardPlugin ],
@@ -58,4 +61,16 @@ ClassicEditor
 	document.getElementById( 'resize-image' ).addEventListener( 'change', function() {
 		window.pocResizeUsingImage = this.checked;
 	} );
+
+	// Resize strategy
+	document.getElementById( 'strategy' ).addEventListener( 'change', function() {
+		const strategies = {
+			'center': ResizerCentral,
+			'side': ResizerSide
+		};
+
+		window.editor.plugins.get( 'WidgetResizer' ).set( 'resizerStrategy', strategies[ this.value ] );
+
+		console.log( this.value, window.pocResizeStrategy );
+	} );
 }() );