Tagging system based on StackOverflows tags with descriptions.
I found myself in need of a tagging system, so I searched far and wide on the internet for a decent one, and I couldn't find one! The style I was going for was the tagging system used on StackOverflow (hence the name SOTag). And searching StackOverflow there are hundreds of questions asking for tagging systems like it!
So I created SOTag, a simple tagging system that only allows a set of tags hat are stored in a database.
First a little description about what this plugin is for. This plugin is designed to be used with a backend database full of tags, not to be able to tag whatever you or the user wants to. I may add that feature if people want to but you cannot currently let your users add custom tags using this plugin
Please note the sample data is taken directly off the StackOverflow website and remains their property.
And then assign sotag(). You'll notice the default tags are written like this: 24_tagname, this is because the tags are stored in the database and the first number is relative to the ID of that tag.
To actually get it to post to the server side just wrap it in a form and add a submit button!
SOTag is set up as a grunt project to automate build tasks (such as creating minified css/js files). It is not required but it will make your life easier if you use it. You need:
- Node.js (It is quite easy to install)
- Grunt - even easier to install: just enter this into your command line:
npm install -g grunt-cli
- Next you just have to (from the project dir) run
- Then run build task(s) as desired (with the command line syntax of
The grunt tasks that are currently defined:
- Normal usage:
build_release: release build, css/js in minified form only.
build_dev: dev build, css/js in original form only.
build_dual: dual mode build with both minified and original css/js.
default: runs both the
clean_full: totally cleans the whole build folder.
clean_dev: cleans the dev build folder.
clean_dual: cleans the dual build folder.
clean_release: cleans the release build folder.
- Extras (all of these are run if needed by the build tasks)
lint: runs all linting tasks.
prebuild: runs csscomb.
- Load with options
- Everything with SO_ prefix
- Max Tags
- Better styled close button