在文本中拖放

Question

是否可以使用JQuery将html元素拖放到鼠标指针位置的文本中？

我一直在通过拖放吉他和弦定位实现歌曲文本编辑器（还有另一个）。 我将单击一个和弦，将其拖放到歌词字母之间 。 歌词是contentEditable div。

我的快速解决方案是在每个字母周围加上一个<span class="letter">标签，并使整个歌曲（字母和和弦）可排序。 Sortable具有span.letter cancel属性，因此您不能移动字母:-)。 但这意味着在编辑歌词时保持这种文本结构，似乎效率不高。

我能以更简单的方式实现这一点，特别是不用在每个字母周围都加上标签吗？

Answer 1

您可能要尝试使用滑块，每个音符一个。