jQuery Tag Editor?

Question

Is there any open source tag editor for jQuery that works like the tag editor in stack overflow?

possible duplicate of [How can I set up JQuery autocomplete like Stackoverflow's tags input field?](http://stackoverflow.com/questions/519107/how-can-i-set-up-jquery-autocomplete-like-stackoverflows-tags-input-field) — Dave Jarvis, Jun 22 '12 at 04:47

Wilfred Springer · Accepted Answer · 2012-08-15T13:05:41.187

I have been looking at a bunch of options. None of them seemed to fit exactly what I was looking for. Here are are least some of the things I found.

Hope it helps

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

Hi Wilfried, I've just released a plugin that probably beats all of the listed ones. There would be a "+" on each row. I'd be happy if you'd take a look and - if you concur - include it in your answer: http://goodies.pixabay.com/jquery/tag-editor/demo.html Looking forward to your feedback. — Simon Steinberger, Jul 16 '14 at 10:33
@wilfred-springer anything else like Simon Steinberger's that you would now like to add to the list? — melutovich, Jun 27 '18 at 20:00

score 11 · Answer 2 · answered Jul 13 '11 at 20:23

11

This library is really nice:

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

Supports autocomplete too, and it plays well with jQuery UI (using it inside a jQuery UI Dialog at the moment).

answered Jul 13 '11 at 20:23

Pavel

3,303
24
31

score 3 · Answer 3 · answered Mar 27 '10 at 23:38

3

The tag editor uses an "Autocomplete" feature - jQueryUI recently added this in version 1.8. It appears to be based on the classic jQuery autocomplete plugin by Jörn Zaefferer (I haven't compared the source, but the API seems pretty similar).

answered Mar 27 '10 at 23:38

James Kolpack

9,127
2
41
57

True - I would also like to see one that does per-word matching. I've done some searches but they came up empty. – James Kolpack Mar 28 '10 at 03:03

score 3 · Answer 4 · edited Mar 19 '12 at 08:42

3

you can try this: http://blog.crazybeavers.se/wp-content/Demos/jquery.tag.editor

edited Mar 19 '12 at 08:42

Mysticial

438,104
44
323
322

answered Jan 25 '11 at 08:04

InnateDev

289
4
15

That link doesn't work for me, but this one does: http://blog.crazybeavers.se/wp-content/Demos/jquery.tag.editor/ – Chris Jan 13 '12 at 05:07

score 3 · Answer 5 · answered Dec 13 '11 at 21:31

3

Tag Editor Field using jQuery similar to StackOverflow

answered Dec 13 '11 at 21:31

Pavel Hodek

12,832
3
29
37

score 2 · Answer 6 · edited May 23 '17 at 10:27

2

Read This too:

JQuery Auto Suggest Serverside

btw the best autosuggest for me is the one from www.brandspankingnew.net

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

edited May 23 '17 at 10:27

Community

1
1

answered Mar 28 '10 at 00:51

Luca Filosofi

30,086
8
65
74

score 1 · Answer 7 · answered Jan 13 '12 at 05:17

1

I doubt this is true for original poster, but for people who want end users to pick from a fixed universe of tags via autocomplete (without being able to add their own new tags), this is a potentially slick jQuery plugin:

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

answered Jan 13 '12 at 05:17

Chris

9,496
6
43
55

Note, set the AllowFreeTagging boolean config to true and you get to insert new tags as well. It's undocumented, but you can search the git repo for some details https://github.com/loopj/jquery-tokeninput/pull/367 – Brian Webster Jan 18 '13 at 22:14

score 0 · Answer 8 · answered Jun 20 '12 at 06:48

0

Look at Tagedit it has autocomplete, edit existing tags, enter your own tags with a simple configurable API that you would expect in such as plugin

answered Jun 20 '12 at 06:48

Steve

1,457
12
25

score 0 · Answer 9 · answered Oct 18 '12 at 09:25

0

try with http://tagedit.webwork-albrecht.de/ it has also some good features.

answered Oct 18 '12 at 09:25

Ajay Patel

791
11
24

jQuery Tag Editor?

9 Answers9

Linked