使用jQuery的Facebook状态更新 - 类似自动完成/标记功能

Question

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

似乎最可行的选择（使用jQuery）是一个令人满意的div。但是，我不清楚如何处理jQuery。任何人都可以帮我开始吗？感谢。

Answer 1

第一个答案中的标记化自动完成插件并不能完全满足问题的要求。该插件只允许您构建一个搜索结果列表，中间没有常规文本。

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

http://www.hawkee.com/snippet/9391/

Answer 2

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

http://github.com/loopj/jQuery-Tokenizing-Autocomplete-Plugin

Answer 3

希望到现在（6年以后），您已经设法找到适合您需求的现有解决方案，或者您已成功推出自己的解决方案。如果你还没有，我认为以下内容会对你有所帮助，而那些在这里偶然发现任何一种解决方案的人。

A＆＃34;提及＆＃34; -management实用程序有3个组件：

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

2. 提及跟踪模块：负责跟踪提及关联数据的组件;至少应该在对公用事业所附加的输入元素的文本的所有修改中跟踪每个提及的位置，以及表面和实质（如果存在）的值。

3. 提及视觉差异化模块：负责区分提及文本与附加实用程序的输入元素中其余文本的组件

希望这样一个实用程序的细分可以让你了解如何推出自己的实现。

如果您更愿意使用现有的强大实施，请查看Mentionator，这是由这个人在这里维护的。:)