jQuery标签编辑器?

时间:2010-03-27 23:02:18

标签: javascript jquery tags

是否存在jQuery的开源标记编辑器,其工作方式类似于堆栈溢出中的标记编辑器?

9 个答案:

答案 0 :(得分:23)

我一直在寻找一堆选择。他们似乎都不符合我的要求。以下是我发现的最少的一些东西。

希望有所帮助

+--------------------+------+-----+-----+-------+-----+
|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         |      |     |     |       |     |
+--------------------+------+-----+-----+-------+-----+

答案 1 :(得分:11)

这个库真的很棒:

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

也支持自动完成,并且它可以与jQuery UI一起使用(目前在jQuery UI对话框中使用它)。

答案 2 :(得分:3)

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

答案 3 :(得分:3)

答案 4 :(得分:3)

答案 5 :(得分:2)

阅读本文:

  

JQuery Auto Suggest Serverside

btw对我来说最好的自动提示是www.brandspankingnew.net

  

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

答案 6 :(得分:1)

我怀疑原始海报是否属实,但对于希望最终用户通过自动完成从固定标签中选择(无法添加自己的新标签)的人来说,这是一个可能很光滑的jQuery插件:

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

答案 7 :(得分:0)

查看Tagedit它已自动填充,编辑现有代码,使用您期望的简单可配置API输入您自己的代码,例如插件

答案 8 :(得分:0)

尝试http://tagedit.webwork-albrecht.de/它还有一些很好的功能。