将元素放入无法删除的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很容易。