我正在使用jQuery Draggable，它在所需的场景下工作正常。缺少的一件事是，当我在文本中拖动元素时，光标不会沿着拖动元素移动。 例如：-我有一个简单的用例，
<div id="filterBar" contenteditable="true">This contains some text</div>
是放置容器
<span id="dragOsversion">OSVersion=19.1, 19.2</span>
是拖动元素
$.find("#dragOsversion").draggable({helper: 'clone'});
是dragOsversion span的实例化，用作可拖动元素
现在，当我将跨度拖动到filterBar div上时，光标不会沿：（
此功能是HTML5本身可拖动的，并且可以与-img-和-a-标记一起正常使用。 例如
<a id="dragOsversion" href="#" draggable="true">OSVersion=19.1, 19.2</a>
是拖动元素
当元素在filterBar上方移动时，上方将移动光标。
https://jsfiddle.net/VidushiGupta/7warczfy/
是展示这两种行为的示例
在删除jQuery helper元素时，有人会如何在文本区域中的光标上移动吗？
我尝试在Google上进行很多搜索，但是没有找到任何指针甚至可以继续。
我尝试了一些技巧，例如尝试使用具有本机可拖动性的-a-标签包装可由jQuery拖动的元素。但是jQuery draggable覆盖了本机行为，插入元素时插入符号的位置无效。
任何帮助/建议都将不胜感激。