AnnoTip - easy, flexible and fun annotation library for the web

Usage

var annoTip = new AnnoTip({
  onSelection: function (anno) {
    // anno.content = anno.selection.toUpperCase();
  },
  onAction: function (action, anno) {
    console.log("AnnoTip: onAction: " + action);
    if (action === 'edit') {
      // anno.content = anno.selection.toUpperCase();
      this.update(anno).getFrame().addClass('openned');
    }
    else
      this.discard();
  },
  onClose: function (anno) {
    console.log("AnnoTip: onClose");
  }
});

annoTip.attach(document.body);

Check the example/test page.

Here is the API for more detailed explanation of all settings.

Credits

Marker Pen icon by Icons8

No Edit icon by Icons8

Task Completed icon by Icons8

Annotator project for the test page.

---