New to Kendo UI for jQuery? Start a free 30-day trial

Resizable

configuration

If enabled, the editor renders a resize handle to allow users to resize it.

resizable

Boolean|Object

Default: false

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  resizable: true
});
</script>

resizable.content

Boolean

If enabled, the editor renders a resize handle to allow users to resize it.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  resizable: {
      content: true
  }
});
</script>

resizable.max

Number|Object

The maximum height that the editor can be resized to. If set to an object the user can restrict both max width and height values.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  resizable: {
    max: 600
  }
});
</script>

resizable.min

Number|Object

The minimum height that the editor can be resized to. If set to an object the user can restrict both min width and height values.

<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
  resizable: {
    min: 100
  }
});
</script>

resizable.toolbar

Boolean|Object

If resizable is set to true the widget will detect changes in the viewport width and will hide the overflowing controls in the tool overflow popup.

If resizable.toolbar is assigned an object, it will propagate the Toolbar.overflow configuration to the Editor's toolbar.

Tools are shown/hidden on tool group level. Tools with popup such as fontName, fontSize, fontColor, backColor, formatting and createTable will not be moved to the tool overflow popup and will be always visible.