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

最新推荐文章于 2023-05-05 10:12:12 发布

weixin_30466953

最新推荐文章于 2023-05-05 10:12:12 发布

阅读量220

点赞数

文章标签： ui

原文链接：http://www.cnblogs.com/wjx-blog/p/9594480.html

版权

第一步：定义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");

转载于:https://www.cnblogs.com/wjx-blog/p/9594480.html