具有最大化和最小化控制的剑道编辑器？

Question

如何使用具有最大化和最小化控件的剑道编辑器。我尝试了剑道站点中的每个控件。但我无法解决这个问题。

 <textarea id="Editordiv" class="inputfield" rows="10" cols="30" style="width:100%;height:500px" data-bind="kendoEditor:{ value:htmlData,tools: [ 'bold','italic','underline','strikethrough','justifyLeft','justifyCenter','justifyRight','justifyFull','insertUnorderedList','insertOrderedList','indent','outdent','createLink','unlink','insertImage','subscript','superscript','createTable','addRowAbove','addRowBelow','addColumnLeft','addColumnRight','deleteRow','deleteColumn','viewHtml','formatting','fontName','fontSize','foreColor','backColor']}"></textarea>

我需要为编辑器最大化和最小化添加另外两个按钮。 有谁知道的告诉我...

我尝试单击最大化按钮..我想将编辑器显示为全屏。每个项目都包含单独的 div。 提前谢谢..

Answer 1

您应该定义您的自定义工具。比如：

$("#Editordiv").kendoEditor({
    tools: [
        {
            name: "maximize",
            tooltip: "Maximize",
            exec: function(e) {
                var editor = $(this).data("kendoEditor");
                editor.wrapper.css("height", "500px");
            }
        },
        {
            name: "restore",
            tooltip: "Restore",
            exec: function(e) {
                var editor = $(this).data("kendoEditor");
                editor.wrapper.css("height", "200px");
            }
        },
        'bold',
        'italic',
        'underline',
        'strikethrough'

在exec 中设置height 和width。

在此处查看示例：http://jsfiddle.net/OnaBai/HFdEs/