Kendo UI Editor - 打开事件

Question

使用Kendo UI编辑器，用户可以单击“插入图像”按钮，图像浏览器将弹出。

我想在用户点击div时打开imagebrowser - 在编辑器的外部。 我该怎么做？可能吗？

我试过寻找年龄，但似乎无法找到任何答案。

Answer 1

我忘了回来更新这篇文章，但最后我用了剑道编辑器并隐藏了一切。下面是我所做的，并希望这可以帮助别人第一天：

.k-editable-area 
{ 
    display: none; 
} 

.k-editor 
{ 
    width: 4% !important; 
    height: 28px !important; 
    border: none !important; 
    background-image: none; 
    display: none; 
    margin-left: 10px; 
} 

.k-window 
{ 
    display: none; 
} 

的Javascript：

$(document).ready(function() { 

    $("#imgBrowser").kendoEditor({ 
     tools: [ 
      "insertImage" 
     ], 
     imageBrowser: { 
      messages: { 
       dropFilesHere: "Drop files here" 
      }, 
      transport: { 
       read: "/ImageBrowser/Read", 
       destroy: { 
        url: "/ImageBrowser/Destroy", 
        type: "POST" 
       }, 
       create: { 
        url: "/ImageBrowser/Create", 
        type: "POST" 
       }, 
       thumbnailUrl: "/ImageBrowser/Thumbnail", 
       uploadUrl: "/ImageBrowser/Upload", 
       imageUrl: "/ImageBrowser/Image?path={0}" 
      }, 
      change: function() { 
       //this.value(); //Selected image URL 
      }, 
      select: function() { 
      } 
     }, execute: function (e) {   
     }, 
     change: function() { 
     }, 
     select: function() { 
      //this.value(); //Selected image URL but each selection is appended... ie:    
      <img /> <img /> <img /> ... you need to replace all except the last one. 

      SetSelectedImage(this.value()); 

     } 
    }); 

}）;

然后我说点击它时，链接，触发图像浏览：

<a id="imgBrowser"></a><a id="addImage" style="display: inline; cursor: pointer;  
float: left; font-weight: bold">+ Add image</a> 

最后，我添加的JavaScript做触发：

$("#addImage").click(function() { 
    $(".k-tool-icon").trigger('click'); 
}); 

Answer 2

看看这个。在你的文本框的焦点上，调用下面的jQuery脚本。

$('#editor').parent().parent().parent().parent().parent().parent().find('.k-insertImage').click(); 

你可以查看此链接：kendo editor。 只需从浏览器控制台调用该脚本即可。