ResizerOptions (widget)
@ckeditor/ckeditor5-widget/src/widgetresize
interface
Interface describing a resizer. It allows to specify the resizing host, custom logic for calculating aspect ratio, etc.
Filtering
Properties
-
Editor instance associated with the resizer.
-
getHandleHost : ( HTMLElement ) => HTMLElement
module:widget/widgetresize~ResizerOptions#getHandleHost
-
getResizeHost : ( HTMLElement ) => HTMLElement
module:widget/widgetresize~ResizerOptions#getResizeHost
-
isCentered : ( Resizer ) => boolean | undefined
module:widget/widgetresize~ResizerOptions#isCentered
-
modelElement : Element
module:widget/widgetresize~ResizerOptions#modelElement
-
onCommit : ( string ) => void
module:widget/widgetresize~ResizerOptions#onCommit
A callback to be executed once the resizing process is done.
It receives a
Number
(newValue
) as a parameter.For example,
ImageResize
uses 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 } ); } };
-
unit : 'px' | '%' | undefined
module:widget/widgetresize~ResizerOptions#unit
-
viewElement : ContainerElement
module:widget/widgetresize~ResizerOptions#viewElement
A view of an element to be resized. Typically it's the main widget's view instance.
Every day, we work hard to keep our documentation complete. Have you spotted outdated information? Is something missing? Please report it via our issue tracker.