jQuery标签编辑器？ [关闭]

Posted 2023-03-05

【中文标题】jQuery标签编辑器？ [关闭]

【英文标题】：jQuery Tag Editor? [closed]

【发布时间】：2011-02-01 15:23:28

【问题描述】：

是否有任何 jQuery 的开源标签编辑器可以像堆栈溢出中的标签编辑器一样工作？

【问题讨论】：

How can I set up JQuery autocomplete like ***'s tags input field?的可能重复

【参考方案1】：

我一直在寻找一堆选项。它们似乎都不完全符合我的要求。以下是我发现的至少一些东西。

Tag-it Tagit Xoxco Tagedit Widen Tagit

希望对你有帮助

+--------------------+------+-----+-----+-------+-----+
|Toolkit             |Tag-it|Tagit|Xoxco|Tagedit|Widen|
+--------------------+------+-----+-----+-------+-----+
|Setting tags        |-     |+    |+    |?      |+    |
|programmatically    |      |     |     |       |     |
+--------------------+------+-----+-----+-------+-----+
|Getting tags out as |+     |+    |-    |?      |+    |
|an array            |      |     |     |       |     |
+--------------------+------+-----+-----+-------+-----+
|Editting existing   |-     |-    |-    |+      |+    |
|tags                |      |     |     |       |     |
+--------------------+------+-----+-----+-------+-----+
|Tab / cursor        |-     |-    |-    |-      |-    |
|selecting existing  |      |     |     |       |     |
|tags                |      |     |     |       |     |
+--------------------+------+-----+-----+-------+-----+
|Sorting tags        |-     |+    |-    |+      |+    |
+--------------------+------+-----+-----+-------+-----+
|Placeholder text    |-     |-    |+    |-      |-    |
+--------------------+------+-----+-----+-------+-----+
|Supporting comma    |-     |+    |-    |+      |+    |
|inside tags         |      |     |     |       |     |
+--------------------+------+-----+-----+-------+-----+

【讨论】：

嗨，Wilfried，我刚刚发布了一个插件，它可能胜过所有列出的插件。每行都会有一个“+”。如果您愿意看一下，我会很高兴 - 如果您同意 - 将其包含在您的答案中：goodies.pixabay.com/jquery/tag-editor/demo.html 期待您的反馈。

@wilfred-springer 还有什么像 Simon Steinberger 一样的东西，您现在想添加到列表中吗？

【参考方案2】：

这个库真的很不错：

https://github.com/xoxco/jQuery-Tags-Input

也支持自动完成，它与 jQuery UI 配合得很好（目前在 jQuery UI 对话框中使用它）。

【参考方案3】：

标签编辑器使用“Autocomplete”功能 - jQueryUI recently added this in version 1.8。它似乎基于the classic jQuery autocomplete plugin by Jörn Zaefferer（我没有比较源代码，但API 看起来很相似）。

【讨论】：

是的 - 我也想看看一个可以进行逐字匹配的。我已经进行了一些搜索，但结果都是空的。

【参考方案4】：

Tag Editor Field using jQuery similar to ***

【参考方案5】：

你可以试试这个：http://blog.crazybeavers.se/wp-content/Demos/jquery.tag.editor

【讨论】：

该链接对我无效，但此链接有效：blog.crazybeavers.se/wp-content/Demos/jquery.tag.editor

【参考方案6】：

也请阅读：

JQuery Auto Suggest Serverside

顺便说一句，对我来说最好的自动建议是来自 www.brandspankingnew.net 的那个

http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html

【参考方案7】：

我怀疑这对于原始海报是否属实，但对于希望最终用户通过自动完成（无法添加自己的新标签）从 固定 标签世界中挑选的人来说，这是一个潜在的 jQuery 插件：

http://loopj.com/jquery-tokeninput/

【讨论】：

注意，将 AllowFreeTagging 布尔配置设置为 true，您也可以插入新标签。它没有记录，但您可以在 git 存储库中搜索一些详细信息 github.com/loopj/jquery-tokeninput/pull/367

【参考方案8】：

查看Tagedit，它具有自动完成功能、编辑现有标签、使用您期望的简单可配置 API（例如插件）输入您自己的标签

【参考方案9】：

试试http://tagedit.webwork-albrecht.de/，它也有一些不错的功能。