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

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/