taggingJS

A jQuery plugin to create an highly customizable front-end tag system.

Simple Options

Austria, Indiana, Connecticut

By default case-sensitive is false. Set it to true to allow case sensitive.

Virginia, Maryland

By default close char is "×". Pass empty string close-char:"" To remove close char.

Cairo, Pennsylvania, Texas

By default you can edit the tag you just deleted from the tag box. set it edit-on-delete:false to avoid that.

Indiana, Mississippi

By Default duplicate tags are not allowed, set no-duplicate:false to allow duplicates.

Pennsylvania, Vermont

Enter key add a new tag by default, set it no-enter:true to avoid that.

Virginia, Texas

Comma "," key add a new tag by default, set it no-comma:true to avoid that.

Advance Options

Austria, Indiana, Connecticut

You can pass an array like ["," , ".", "_", "?"] of forbidden chars.

Virginia, Maryland

Following words as forbidden, "bastard","bitch","biatch","bloody".

Cairo / Pennsylvania / Texas

Define your pre tag separator. In this example / is used as pre tag separator.

Indiana, Mississippi

If false, clicking away from the $type_zone won't add a new tag.

Pennsylvania, Vermont

Define your tag char. In this example we have used * as tag char.

Virginia, Texas

Define your Class of the type-zone.

Simple Methods

Austria, Indiana, Connecticut
Virginia, Maryland, Florida
Texas, Virginia, Maryland
Texas, Virginia, Maryland
Texas, Virginia, Maryland
Texas, Virginia, Maryland

Advance Methods

Texas, Virginia, Maryland
Texas, Virginia, Maryland
Texas, Virginia, Maryland

Check your console to see the special key objects.

Returns object
JavaScript
                                        
                                            Object {comma: 188, enter: 13, spacebar: 32, del: 46, backspace: 8}
                                        
                                    
Texas, Virginia, Maryland

Check your console to see the returned value.

Returned Value
JavaScript
                                        
                                            Pennsylvania
                                        
                                    
Navbar Color Options

Layout Options

Sidebar menu Background


Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder