kendo ui editor 文本编辑器 自定义高度的实现

第一步：定义CSS

    table.small-editor {
        height: 10px;
    }

        table.small-editor iframe.k-content {
            height: 60px; /* 50px less than the Editor height */
        }

第二步：设置css属性

<textarea id="myEditor" class="small-editor" rows="2" cols="30" style=" width:100%;" aria-label="editor"></textarea>

第三步：实例化完后使用js设置css属性

        $("#myEditor").kendoEditor({
            resizable: {
                content: true,
                toolbar: false
            },
            encoded: false
        });
        $("textarea.small-editor").closest("table.k-editor").addClass("small-editor");