WidgetResizerOptions
interface
Interface describing a resizer. It allows to specify the resizing host, custom logic for calculating aspect ratio, etc.
Properties
module:widget/widgetresize~WidgetResizerOptions#editorEditor instance associated with the resizer.
getHandleHost : ( widgetWrapper: HTMLElement ) => HTMLElementmodule:widget/widgetresize~WidgetResizerOptions#getHandleHostgetResizeHost : ( widgetWrapper: HTMLElement ) => HTMLElementmodule:widget/widgetresize~WidgetResizerOptions#getResizeHostisCentered : ( resizer: WidgetResizer ) => boolean | undefinedmodule:widget/widgetresize~WidgetResizerOptions#isCenteredmodule:widget/widgetresize~WidgetResizerOptions#modelElementonCommit : ( newValue: string ) => voidmodule:widget/widgetresize~WidgetResizerOptions#onCommitA callback to be executed once the resizing process is done.
It receives a
Number(newValue) as a parameter.For example,
ImageResizeuses it to execute the resize image command which puts the new value into the model.{ editor, modelElement: data.item, viewElement: widget, onCommit( newValue ) { editor.execute( 'resizeImage', { width: newValue } ); } };Copy codeunit : 'px' | '%' | undefinedmodule:widget/widgetresize~WidgetResizerOptions#unitmodule:widget/widgetresize~WidgetResizerOptions#viewElementA view of an element to be resized. Typically it's the main widget's view instance.