The copy-editor of the web
The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable.
Annotations can have comments, tags, users and more. Morever, the Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour.
Check out the live demonstration or install it now.
Using Annotator
Adding annotation to your webpage using the Annotator is easy. Full instructions are in the Getting Started section of the docs, but it is just two short steps. First, you need to download the Annotator library (or link to the hosted version), include it on your page along with jQuery. Then add the following line to initialize the annotator.
$('#content').annotator();Plug-ins can be included for adding functionality such as user accounts, tags, filtering and formatting.
To setup the default suite of plugins include
annotator.min.css and
annotator-full.min.js
and call the "setupPlugins" method via
.annotator().
For example:
$('#content').annotator()
.annotator('setupPlugins');Storage
You'll need to store your data somewhere, luckily we've made this very simple to do using AnnotateIt, a hosted web service for storing annotations.
Alternatively if you'd like to integrate the annotator with your own storage system check out the Docs for more information on the annotation format and store plugin.
The Bookmarklet
The bookmarklet is a simple tool that allows you to add the annotator to any webpage and save your annotations to AnnotateIt. Check it out at http://annotateit.org/.