Javascript 如何在文本字段中的文本之间放置可拖动文本对象？

我想要的是Gmail至少在其地址输入字段中使用的文本包装器/令牌类型。这些对象显示为可拖动的框，有一个标题，并且至少包含作为内容的电子邮件地址（尽管内容本身不会显示给用户）。如果您不熟悉Gmail，则类似Stackoverflow标记字段

实际上，Gmail或stackoverflow并不是完美的例子，因为我希望将这种包装的内容注入文本字段，以便它们可以在文本之间拖动，但具体地说，它们自己的内容不会被修改。原因是，在我们公司，非IT人员经常编辑大量包含大量嵌入式代码的文本，即使经过多次编辑，这些文本显然仍需完美工作

---

我当然更喜欢像js这样的轻量级客户端技术，但欢迎任何评论。谢谢：）

jQuery UI提供了拖动和排序功能，您可以将其嵌入任何DOM元素中。

但包装在一个盒子中，并且不会受到伤害：），或者？你只能在contentEditable div中做一个真正的框，而不能做表单输入。我想要的是任何允许用户在可编辑文本中同时管理可拖动对象的技术。到目前为止，contentEditable听起来像是解决方案的一半，我将不得不尝试如何将其与jQuery Dragables结合起来。谢谢