像StackOverflow的输入标签那样的jQuery自动完成标记插件？

Question

哪些解决方案实现了SO用于输入标签的相同自动完成功能？

有插件可以处理一个单词,但我还没有看到任何处理多个单词的插件.

Answer 1

按活动顺序,可用的演示/示例和简单性:

• (演示)https://github.com/yairEO/tagify
• (演示)https://github.com/aehlke/tag-it
• (演示)http://ioncache.github.com/Tag-Handler/
• (演示)http://textextjs.com/
• (演示)https://github.com/webworka/Tagedit
• (演示)https://github.com/documentcloud/visualsearch/
• (演示)http://harvesthq.github.io/chosen/(这不是真正的标记插件)
• (演示？)http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
• (演示？)http://jcesar.artelogico.com/jquery-tagselector/
• (演示？)http://remysharp.com/wp-content/uploads/2007/12/tagging.php
• (演示？)http://pietschsoft.com/post/2011/09/09/Tag-Editor-Field-using-jQuery-similar-to-StackOverflow.aspx

有关:

• https://meta.stackexchange.com/questions/100669/feedback-wanted-improved-tag-editor

Answer 2

Bootstrap:如果您使用的是Bootstrap.这是一个非常好的选择:Select2

此外,TokenInput是一个有趣的.首先,它不依赖于jQuery-UI,其次配置非常流畅.

我遇到的唯一问题是本身不支持自由标记.所以,我必须将查询字符串作为响应JSON的一部分返回给客户端.

正如@culithay在评论中提到的,TokenInput支持许多自定义功能.并强调其他人没有的一些功能:

• tokenLimit:用户允许选择的最大结果数.使用null可以无限制地选择
• minChars:执行搜索之前用户必须输入的最小字符数.
• queryParam:您希望在服务器端包含搜索词的查询参数的名称

感谢culithay的输入.

Answer 3

这最初回答了关于下载jQuery与通过CDN访问它的智慧的补充问题,而CDN已不再存在......

回答关于谷歌的事情.我已经通过我网站中相应的CDN转移到访问JQuery和大多数其他类型的库.

随着越来越多的人这样做,这意味着它更有可能被缓存在用户的机器上,所以我的投票是个好主意.

自从我第一次提出这个问题以来的五年里,这已成为共同的智慧.

Answer 4

另一个出色的插件：http : //documentcloud.github.com/visualsearch/