Create Auto-Expanding Editors

Environment

Product	Progress® Kendo UI® Editor for jQuery
Operating System	Windows 10 64bit
Visual Studio Version	Visual Studio 2017
Preferred Language	JavaScript

Description

How can I create an auto-expanding Kendo UI for jQuery Editor?

Solution

The following example demonstrates how to achieve the desired scenario.

  <style>
      html{font:12px sans-serif;overflow:auto;}

      html,body{margin:0;padding:0;height:100%;min-height:100%;}

      #Comments{display:block;width:100%;height:100%;border:0;padding:0;}

      table.expandEditor{border-width:0;width:100%;height:100%;}
    </style>

    <textarea id="Comments" cols="60" rows="10"></textarea>

    <script>
      	  $("#Comments").kendoEditor().data("kendoEditor").wrapper.width("").height("").addClass("expandEditor");
    </script>

See Also

• Basic Usage of the Editor (Demo)
• Using the API of the Editor (Demo)
• JavaScript API Reference of the Editor
• Product Page of the Rich Text Editor