Clever jQuery tags solution – the jQuery masterblaster plugin

Masterblaster is a simple jQuery tags plugin, that turn text input into adding tags UI.

Masterblaster – the jQuery tags plugin

It’s a simple and nice tag management plugin. Creates nice of UI for this purpose. User can operate on this UI and tags by mouse and keyboard.

We can easy adjust the appearance of the plugin elements, as well handle events and manage tags at the level of JavaScript code.

Basic usage

var $mb = $("#masterblaster-input");
$mb.masterblaster( { 
  tagRules: {
    unique: true,
    minLength: 3
  }
});

// add tags @ code level
$mb.masterblaster( "push", "tag 1" );
$mb.masterblaster( "push", "tag 2" );

// callbacks / events
$mb.on( "mb:add", function( e, tagName ) {
    console.info( "Added: " + tagName );
});

$mb.on( "mb:remove", function( e, tagName ) {
    console.info( "Removed: " + tagName );
}); 

Docs & demos:

http://aef-.github.io/jquery.masterblaster

Get jQuery tags plugin from GitHub:

https://github.com/aef-/jquery.masterblaster

You may also like:

Checkboxradio – jQuery checkbox replacement plugin

jQuery stackoverflow voting widget – Upvote

Enjoy!