javascript - 将元素放入无法删除的 ContentEditable div

Question

假设你有一个这样的 div：

<div contenteditable="true" droppable="true" id="editor">
    <span draggable="true" contenteditable="false" id="tag-0">0</span>
    This
    <span draggable="true" contenteditable="false" id="tag-1">1</span>
    will be the editor.
</div>

两个跨度“tag-0”和“tag-1”表示应该穿插在 div 文本中的标签。用户应该能够拖动它们，但不能删除它们。有没有好的方法来实现这一点？

Answer 1

不完全确定您要实现什么，但看起来您可以使用 JQuery 的可拖动功能。

这是一个链接。http://jqueryui.com/draggable/

首先玩演示，看看它是不是你想要的。如果它很好，因为使用 JQuery 很容易。