kendo-ui - 如何将剪贴板中的图像粘贴到 Kendo UI Editor？

Question

我正在使用 Kendo UI 编辑器小部件。我想粘贴打印屏幕的内容。我怎样才能做到这一点？

问候，

奈都

Answer 1

这是一个相关的问题。似乎适用于最新的 Chrome 和 Firefox。并且可以通过一些代码插入剑道编辑器：

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