使用jQuery的Facebook状态更新功能，如自动完成/标记功能

我想创建一个文本输入，比如Facebook状态更新发布者。基本上，一种输入，可以使用某个键（例如：@）激活标记/自动完成功能，创建在文本输入中充当单个字符的标记（可以使用单个退格删除），但仍然接受常规文本输入。与Facebook不同，我只想接受一个这样的“标签”，并且只在输入开始时接受它

---

看起来最可行的选择（使用jQuery）是contenteditable div。但是，我不知道如何处理jQuery。有人能帮我开始吗？谢谢。

我的一个朋友上周遇到了那个“问题”。他最终使用了这个插件，这是不言自明的：

---

第一个答案中的标记化自动完成插件没有完全完成问题的要求。这个插件只允许你建立一个搜索结果列表，中间没有固定的文本

我最后写了自己的解决方案，可以在这里找到：

希望到目前为止（6年多之后），您能够找到适合您需要的现有解决方案，或者您已经成功推出了自己的解决方案。如果你没有，我想下面的内容会对你和那些在这里偶然发现的人有所帮助

“提及”管理实用程序有3个组件：

自动完成模块：在给定字符串的情况下，负责获取和显示可用于创建提及的项目集的组件

提及跟踪模块：负责跟踪提及相关数据的组件；在对实用程序所附输入元素文本的所有修改过程中，至少应跟踪每个提及的位置以及表面和实质（如果存在）值

提及视觉区分模块：负责将提及文本与附加实用程序的输入元素中的其他文本区分开来的组件

希望这样一个实用程序的崩溃能让您了解如何推出自己的实现

如果您更愿意使用现有的健壮实现，请看一看，这是由这家伙维护的：）