jQuery plugin to create a simple and high customizable front-end tag system.
- Download the
tagging.min.js
file from this repository; - Include
<script src="path/to/tagging.min.js"></script>
to the bottom of your page; - Optional - Include the basic CSS tag style
<link href="tag-basic-style.css" rel="stylesheet">
to the<head>
of your page; - Write in your page something like
<div data-name="tag" id="fooTagField">preexisting-tag</div>
; - Add to your main JavaScript file
$('#fooTagField').tagging();
to implement it;
The data-name="tag"
is the class used for every single tag inside the type_zone.
- Clone the repository;
- Open a shell in project's directory;
- Write
npm install
on it (make sure you have installed nodeJS); - Write
grunt
to execute the default script (without minification),grunt dist
to also minify the script (make sure you have installed Grunt).
You can find a working example in Codepen.io or in the project's GitHub page.
Supports all major browsers in the world (IE 6+
, Mozilla Firefox 1+
, Google Chrome 1+
, Safari 5.1+
).
- First Commit;