# WidgetResizerOptions

interface

Interface describing a resizer. It allows to specify the resizing host, custom logic for calculating aspect ratio, etc.

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L294)

<a id="properties">

## Properties

<a id="member-editor">

### `editor: Editor`

Editor instance associated with the resizer.

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L299)

<a id="member-getHandleHost">

### `getHandleHost: ( widgetWrapper: HTMLElement ) => HTMLElement`

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L334)

<a id="member-getResizeHost">

### `getResizeHost: ( widgetWrapper: HTMLElement ) => HTMLElement`

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L332)

<a id="member-isCentered">

### `isCentered?: ( resizer: WidgetResizer ) => boolean`

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L336)

<a id="member-modelElement">

### `modelElement: ModelElement`

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L301)

<a id="member-onCommit">

### `onCommit: ( newValue: string ) => void`

A callback to be executed once the resizing process is done.

It receives a `Number` (`newValue`) as a parameter.

For example, [`ImageResize`](module_image_imageresize-ImageResize.md) uses it to execute the resize image command which puts the new value into the model.

```typescript
{
	editor,
	modelElement: data.item,
	viewElement: widget,

	onCommit( newValue ) {
		editor.execute( 'resizeImage', { width: newValue } );
	}
};
```

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L330)

<a id="member-unit">

### `unit?: 'px' | '%'`

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L308)

<a id="member-viewElement">

### `viewElement: ViewContainerElement`

A view of an element to be resized. Typically it's the main widget's view instance.

[See source](https://github.com/ckeditor/ckeditor5/blob/master/packages/ckeditor5-widget/src/widgetresize.ts#L306)

---

Full index of the CKEditor 5 API reference: [llms.txt](llms.txt)