如何将剪贴板中的图像粘贴到Kendo UI Editor?

时间:2012-12-04 07:36:30

标签: kendo-ui

我正在使用Kendo UI Editor小部件。我想粘贴打印屏幕的内容。我怎么能这样做?

此致

奈杜

1 个答案:

答案 0 :(得分:5)

Here是一个相关问题。似乎可以在最新的Chrome和Firefox中使用。并且可以通过一些代码插入Kendo编辑器:

var editor = $("#editor").data("kendoEditor");

$(editor.document).on("paste", function(e) {
  var clipboard = e.originalEvent.clipboardData;

  if (clipboard && clipboard.items) {
      var screenshot = clipboard.items[0];

      if (screenshot.kind == "file") {
          var blob = screenshot.getAsFile();

          var reader = new FileReader();

          reader.onload = function(event){
            var html = kendo.format('<img src="{0}"/>', event.target.result);

            editor.paste(html);
          };

          reader.readAsDataURL(blob);
      }
  }
});

这是一个现场演示:http://jsbin.com/utapal/1/edit