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窗口时,检查解决方案。