텍스트 내에서 드래그 앤 드롭

Question

JQuery를 사용하여 html 요소를 마우스 포인터 위치의 텍스트에 드롭 할 수 있습니까?

드래그 앤 드롭 기타 코드 배치로 노래 텍스트 편집기 (아직 또 다른 ...)를 구현했습니다. 나는 화음을 클릭하고 드래그하여 가사 글자 사이에 을 놓습니다. 가사는 contentEditable div입니다.

내 빠른 해결책은 각 문자를 <span class="letter"> 태그로 둘러 싸서 전체 노래 (문자 + 코드)를 정렬 할 수 있도록했습니다. 정렬 할 수있는 에 대한 cancel 속성이 있으므로 글자를 이동할 수 없습니다 :-). 그러나 그것은 가사를 편집하는 동안이 텍스트 구조를 유지하는 것을 의미하며 그렇게 효율적이지는 않습니다.

태그를 사용하여 각 문자를 둘러 쌀 필요가없이보다 쉽게이 작업을 수행 할 수 있습니까?

Answer 1

각 메모마다 하나씩 슬라이더로 사용해 볼 수 있습니다.