Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 剑道编辑器与最大化和最小化控制?_Javascript_Jquery_Kendo Ui_Kendo Editor - Fatal编程技术网

Javascript 剑道编辑器与最大化和最小化控制?

Javascript 剑道编辑器与最大化和最小化控制?,javascript,jquery,kendo-ui,kendo-editor,Javascript,Jquery,Kendo Ui,Kendo Editor,我如何使用剑道编辑器和最大化和最小化控件。我尝试剑道站点中的每个控件。但我无法解决此问题 <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

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

 <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。
提前感谢。

您应该定义自定义工具。比如:

$("#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


请参见此处的示例:

剑道编辑器最大化..和最小化R..还有一件事..如何将剑道编辑器调整为全屏是的,但解决方案取决于容器(它是另一个
div
、HTML页面的
主体和
iframe
…)当容器为
div
且容器为KendoUI窗口时,检查解决方案。