Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
aehlke committed Nov 29, 2012
1 parent ed15dbd commit 8e0fd13
Showing 1 changed file with 3 additions and 21 deletions.
24 changes: 3 additions & 21 deletions README.markdown
@@ -1,7 +1,8 @@
# Tag-it: a jQuery UI plugin # Tag-it: a jQuery UI plugin


Tag-it was originally inspired by the "tag suggestion" form field in ZenDesk.com. Now it is a full jQuery UI widget, supporting various configurations and themes. Tag-it is a simple and configurable tag editing widget with autocomplete support.


[Homepage](http://aehlke.github.com/tag-it/)


## Demo ## Demo


Expand Down Expand Up @@ -39,26 +40,7 @@ Now, let's attach it to an existing `<ul>` box:
<li>Tag2</li> <li>Tag2</li>
</ul> </ul>


This will turn the list into a tag-it list: This will turn the list into a tag-it widget. There are several other possible configurations and ways to instantiate the widget, including one that uses a single comma-delimited `input` field rather than one per tag, so see the **Options** documentation below as well as the [examples page](http://aehlke.github.com/tag-it/examples.html) (and its source) which demonstrates most of them.

<ul id="mytags" class="tagit ui-widget ui-widget-content ui-corner-all">
<!-- Existing list items will be pre-added to the tags. -->
<li class="tagit-choice ui-widget-content ui-state-default ui-corner-all">
<span class="tagit-label">Tag1</span>
<a class="close"><span class="ui-icon ui-icon-close"></span></a>
<input type="hidden" style="display:none;" value="Tag1" name="item[tags][]">
</li>
<li class="tagit-choice ui-widget-content ui-state-default ui-corner-all">
<span class="tagit-label">Tag2</span>
<a class="close"><span class="ui-icon ui-icon-close"></span></a>
<input type="hidden" style="display:none;" value="Tag2" name="item[tags][]">
</li>
<li class="tagit-new">
<input type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
</li>
</ul>

There are several other possible configurations and ways to instantiate the widget, including one that uses a single comma-delimited `input` field rather than one per tag, so see the **Options** documentation below as well as the [examples page](http://aehlke.github.com/tag-it/examples.html) which demonstrates most of them.




## Theming ## Theming
Expand Down

0 comments on commit 8e0fd13

Please sign in to comment.