如何在 Ace 编辑器中实现拖放？答案

【问题标题】：How do I implement drag and drop in the Ace editor?如何在 Ace 编辑器中实现拖放？
【发布时间】：2013-02-28 10:49:02
【问题描述】：

我有一个"ace editor" 和一个缩略图调色板。我的客户想将这些缩略图拖到编辑器上，并在放置位置插入一些文本，例如全尺寸图像的 url。但是，我无法在 API 的任何位置找到 drop 事件。

有没有办法在 Ace API 中做到这一点？

如果不是，将我自己的 javascript 函数绑定到鼠标事件是否是一个合理的解决方案，鼠标事件将从源（拖动的）元素中的数据属性插入文本？如果有任何示例，我没有在这里或通过 Google 找到它们。

【问题讨论】：

【解决方案1】：

似乎没有发出任何拖动事件https://github.com/ajaxorg/ace/blob/master/lib/ace/mouse/dragdrop.js#L99 您可以添加自己的拖放侦听器或更好地从 dragstart 侦听器设置文本

imageContainer.addEventListener("dragstart", function(e) {
    // find image data from e.target
    e.dataTransfer.setData("Text", imageText);
})

【讨论】：