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

Question

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

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

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

score 0 · Accepted Answer

看起来没有发出拖动事件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);
})

1 回答 1