jQuery autocomplete tagging plug-in like StackOverflow's input tags?
什么解决方案可以实现与输入标签相同的自动完成？
有一些插件可以处理一个单词，但我没有看到任何一个可以处理多个单词。
- 投票结束工具记录。
- 我创造了最好的-github.com/yaireo/tagify
- @vsync将它添加到第一个答案的列表中。很遗憾，由于答案中没有任何代码，无法直接链接到codepen.io。
- @乔菲利普斯-也许它会接受谷歌网址的缩写。
- @乔菲利普斯-我的插件比名单上最好的插件好，应该在榜首，我有很好的卖点。当前列表中的前一个元素膨胀了(x4比我的)，使用了额外的输入元素(不利于表单序列化)，不支持逗号或用它们粘贴标记。它确实提供了一些很好的特性，但在大多数情况下都不需要。应拼命使用autocomplete。
- @垂直同步Welp，你只有几天的时间。我重新整理了一下列表，以纪念那些仍然可用、最近更新、重点突出和提到过的列表。你的成功了4
- 多么荣幸啊：)你知道，这不是葡萄酒，通常用代码来说，越新越好。一个人不会费心为新版本的东西编写代码，除非它更好，并且代码已经从旧版本的错误中吸取教训，并试图使它们聪明起来。)
按活动顺序，提供演示/示例，并简化：
- (演示)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/choosed/(这不是真正的标签插件)
- (演示？)http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/示例/
- (演示？)http://jcesar.artelogico.com/jquery-tagselector/
- (演示？)http://remyshap.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
小精灵
- 插件很好。谢谢分享！
- 在IE9中，它给出"第18行错误：对象不支持属性或方法"tagit"。
- @javascript不支持关键字"const"在ie上的raghav khunger，避免了错误。查看此链接
- 任何寻找最新版本、文档和更广泛例子的人都应该到这里来，然后离开：github.com/aehlke/tag-it。
- 通过赋予我的权力，我在此声明将它标记为有史以来最简单、最有效的插件。
- 投赞成票给它和这个好名单。谢谢
- 我们刚刚发布了bootstrap tokenfield。它的主要焦点是复制粘贴、键盘和可编辑性支持。sliptree.github.io/bootstrap-tokenfield
- 有谁能推荐一个好的有knockout.js的？
- 还有一个很好的答案：brianreavis.github.io/selectize.js我会把它作为答案添加，但这显然是"非建设性的"。
- 标记它对于jquery自动完成集成非常好。
- 在Github选择ize.js 6500+星。值得检查。brianreavis.github.io/选择大小.js
- 我正在寻找一个自动完成功能，我们可以禁用重复检查，哪一个是好的？其中一些始终具有重复检查功能，但无法禁用此功能。
- 更新：我认为magicSuggest现在是最好的选择。
- 您的第二个其他链接已断开。
- @felipe schenone标签很好，但是我有一个问题，当我想使用一个表单发布所选标签ID，用户在这里面临同样的问题，我想在隐藏字段中设置标签ID，然后在发布时使用它，有什么好的解决方案或其他插件吗？
- 标签它被高估了。对一个简单的标签系统要求jquery太多了，但是现在对jquery用户界面和jquery用户界面css的要求也很疯狂。不值得。
- @阿尔瓦罗完全同意，所以对DEPS的疯狂绝对不会使用标签。你能在香草中找到类似的吗？
- @scniro我最终使用jquery.tagsinput，因为我不介意使用已经在我的项目中使用的jquery。我只是想问一下jquery ui和css。
- 标记它有问题，特别是在更改读写访问(动态，客户端)时。
- 由于某些原因，我不允许使用jquery，是否只有css/js才有解决方案？
- 对我来说，选择2是一个更好的选择。在标记之前先尝试一下
- 这个图书馆怎么样，github.com/sniperwolf/taggingjs？它比上面提到的图书馆好吗？
- 我很喜欢Tagify。它看起来是最轻和最容易配置的。我唯一不喜欢的是奇怪的标记。
引导程序：如果您使用引导程序。这是一个很好的选择：选择2
另外，tokeninput是一个有趣的工具。首先，它不依赖于jquery ui，其次，它的配置非常平滑。
我唯一的问题是它不支持本地的免费标签。因此，作为响应JSON的一部分，我必须将查询字符串返回给客户机。
正如评论中提到的@culithay，tokeninput支持许多可定制的功能。并强调其他人没有的一些功能：
- tokenlimit：用户允许选择的最大结果数。使用空值允许无限制选择
- minchars：执行搜索之前用户必须输入的最小字符数。
- query param：希望在服务器端包含搜索词的查询参数的名称。
小精灵
谢谢你的意见。
- 这是一个非常好的选择！
- 令牌输入看起来很好而且很简单
- tokeninput看起来正是我一直在寻找的：用户输入一些东西，在服务器上执行搜索，用户可以选择一个搜索元素，清洗和重复。
- tokeninput支持许多可定制的功能。我强调了一些其他人没有的特征。-tokenlimit：用户允许选择的最大结果数。使用空值允许无限制的选择-minchars：执行搜索之前用户必须输入的最小字符数。-query param：希望在服务器端包含搜索词的查询参数的名称。
- @在答案中加入了烹饪。
- 如何添加新的免费标签：stackoverflow.com/questions/28656977/&hellip；hard:。-(
- 很好。不支持免费标签并不是一个大问题，因为它很容易被克服。
这最初回答了一个关于下载jquery与通过cdn访问jquery的智慧的补充问题，而这个问题已经不存在了…
回答关于谷歌的问题。我已经转移到通过我的站点中相应的cdn访问jquery和大多数其他类型的库。
随着越来越多的人这样做意味着它更有可能被缓存在用户的机器上，所以我的投票支持这个好主意。
在我第一次提出这个建议的五年里，它已经成为常识。
- 我们也将其作为默认模板的一部分进行部署。Google可以比我们更快地将这些代码压缩并从一个cdn中删除，另外，如果一个访问者有2%的机会缓存这些代码，那就比完全没有机会更好了。
- +1个用于谷歌加载。
- 这是原始问题的答案吗？
- 最后一部分"同样，…"问到链接到谷歌版本是一个好主意还是坏主意，我的答案是它是一个越来越好的主意。
- @德里克，当我最初问这个问题时，我想我没有其他可以接受的答案。这已经改变了。
另一个优秀的插件：http://documentcloud.github.com/visualsearch/
检查此插件：
- 来源
- 基本演示
- 更多示例
小精灵
如何使用Ajax加载标签https://stackoverflow.com/a/7662534/1078027
我们刚刚打开这个jquery插件github:tactivos/jquery-sew。
- 虽然这个链接可以回答问题，但最好在这里包含答案的基本部分并提供链接以供参考。如果链接页发生更改，则仅链接的答案可能无效(并被否决)。看看如何回答为什么它很重要。
- 演示页已关闭。