如何在ace编辑器中实现拖放功能

Question

我想将拖放功能添加到ace编辑器中。我有一个侧边栏包含一些对象，我想要做的是我可以从侧边栏拖动对象并将其放在ace编辑器上。

Answer 1

当对象开始拖动时设置文本数据，ace会在将元素放到其上时插入该文本。

Answer 2

您可以使用droppable，在drop事件中，您可以从HTML文本中获取拖动值（）;

$("#editor").droppable({
        drop: function (e) {
            var draggedElement = e.draggable.currentTarget;
            var text = $.trim(draggedElement.text());
            console.log("Dragged Element: "+text);
        }
});