在文本中拖放

Question

是否可以使用JQuery將html元素拖放到鼠標指針位置的文本中？

我一直在通過拖放吉他和弦定位實現歌曲文本編輯器（還有另一個）。 我將單擊一個和弦，將其拖放到歌詞字母之間 。 歌詞是contentEditable div。

我的快速解決方案是在每個字母周圍加上一個<span class="letter">標簽，並使整個歌曲（字母和和弦）可排序。 Sortable具有span.letter cancel屬性，因此您不能移動字母:-)。 但這意味着在編輯歌詞時保持這種文本結構，似乎效率不高。

我能以更簡單的方式實現這一點，特別是不用在每個字母周圍都加上標簽嗎？

Answer 1

您可能要嘗試使用滑塊，每個音符一個。