在文本中拖放

Question

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

我一直在用拖放式吉他和弦定位实现歌曲文本编辑器（又一个...）。我会点击一个和弦，拖动它并在歌词之间删除 。歌词是contentEditable div。

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

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

Answer 1

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