PTags

JavaScript (jQuery) content tag editor plugin.

Download PTags 1.1.2 PTags on GitHub GitHub Icon

About

PTags is a JavaScript content tag editor plugin for the jQuery JavaScript library, developed by Hunter Perrin as part of 2be. It is designed to provide maximum flexibility, while still being easy to use and easy to implement.

Cross-Browser

PTags works in all major browsers and provides a consistent interface. It is tested thoroughly for consistency.

Easy to Implement

The original input element is hidden and a clone input element is created to allow the user to edit and create tags. This new input is exactly the same as the original, except "__ptags" is appended to the name and ID. The original input's value is kept current with all the tags that are entered. This means you don't have to change anything in your server-side scripts!

See All Features

Themeable

PTags uses the jQuery UI CSS library for styling, which means it is fully and easily themeable. Try out some of the readymade themes using the selector in the top right corner of this page.

ThemeRoller Ready

Completely Open

PTags is distributed under the GPL, LGPL, and MPL. This triple copyleft licensing model avoids incompatibility with other open source licenses.

Demos

This is an example PTags box. Try typing in it to add new tags, or click the current tags to edit them. Click the to remove the tag.



Calling PTags


Making Tags Sortable




Input Styles

Styles on the input box are maintained:

Placement

You can place it in line with text. Clifford, the dog.


Using a Custom Delimiter


No Tag Editor Box




Installation

Installation is simple. Include jQuery and jQuery UI (only the CSS is required). Then include the following files:

  • jquery.ptags.js or jquery.ptags.min.js (Minified)
  • jquery.ptags.default.css

Comments

comments powered by Disqus