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

Question

我有一个"ace editor"和一组缩略图。我的客户希望将这些缩略图拖到编辑器上，并在放置位置插入一些文本，例如，将URL添加到全尺寸图像。但是，我无法在API中的任何地方找到丢弃事件。

有没有办法在Ace API中执行此操作？

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

Answer 1

看起来没有发出拖拽事件https://github.com/ajaxorg/ace/blob/master/lib/ace/mouse/dragdrop.js#L99 您可以添加自己的drop listener或更好地设置dragstart listener

中的文本

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