Create Auto-Expanding Editors

The following example demonstrates how to create an auto-expanding Kendo UI Editor.

Example

  <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

• Editor JavaScript API Reference
• How to Get Reference to Child Widgets
• How to Insert HTML Content via Custom Popup Tools
• How to Set Caret Position
• How to Show Editor in Full Screen
• How to Use Inline Editor inside Windows

For more runnable examples on the Kendo UI Editor, browse its How To documentation folder.