jQuery Tags Manager with Twitter Bootstrap - tagmanager

File Size: 28.9 KB
Views Total: 11977
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Tags Manager with Twitter Bootstrap - tagmanager

tagmanager is a jQuery plugin works nicely with Twitter Bootstrap that helps you manage tags for each expense users were entering.

Basic Usage:

1. Include jQuery library and tagmanager.js in the head section of your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="bootstrap-tagmanager.js"></script>

2. Include tagmanager CSS to style your plugin

<link href="bootstrap-tagmanager.css" rel="stylesheet" type="text/css">

3. Markup

<input type="text" name="tags" placeholder="Tags" class="tagManager"/><script>

4. Call the plugin


5. Default options.

prefilled: null,
CapitalizeFirstLetter: false,
preventSubmitOnEnter: true,     // deprecated
isClearInputOnEsc: true,// deprecated
externalTagId: false,
prefillIdFieldName: 'Id',
prefillValueFieldName: 'Value',
AjaxPush: null,
AjaxPushAllTags: null,
AjaxPushParameters: null,
delimiters: [9, 13, 44],// tab, enter, comma
backspace: [8],
maxTags: 0,
hiddenTagListName: null,// deprecated
hiddenTagListId: null,  // deprecated
replace: true,
output: null,
deleteTagsOnBackspace: true,    // deprecated
tagsContainer: null,
tagCloseIcon: 'x',
tagClass: '',
validator: null,
onlyTagList: false,
tagList: null,
fillInputOnTagRemove: false

Change logs:


  • Resolve conflict


  • Add "dataType" support when pushing objects


  • Added showOrHide call at the end of the public popTag method to unhude


  • Update tagmanager.js


  • Fix an issue where prefilled tags wouldn't show up

v3.0.1 (2013-12-12)

  • Add 'tags' method to retrieve tags (LukeL99)
  • Fix 'AjaxPushAllTags' option (mpseidel)
  • Correct documentation related to hiddenTagListId (fogs)
  • Fix 'OnlyTagList' option (sebet)
  • Add bower.json for Bower support (noirbizarre)
  • Constructor should not return undefined (aurbano)
  • Add new event tm:duplicated when there is a duplicated tag (aurbano)
  • Use jQuery.map() instead of native JS map() (apperception)
  • Add composer.json for PHP projects (fogs)
  • Fix various issues related to jQuery refactor (dave0783)

v2.4.2 (2013-08-03)

  • bugs fix


This awesome jQuery plugin is developed by max-favilli. For more Advanced Usages, please check the demo page or visit the official website.