在文本中拖放

Question

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

我一直在使用拖放吉他和弦定位来实现歌曲文本编辑器（又一个...）。我会单击一个和弦，将它拖放到歌词字母之间。歌词是 contentEditable div。

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

我能否以更简单的方式实现这一点，特别是不用标签包围每个字母？

Answer 1

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