Annotator est un plugin jQuery qui permet aux visiteurs d'annoter du texte, des images ou n'importe quel autre élément présent sur la page Web sur laquelle il est exécuté.

Pour laisser une annotation, il suffira de sélectionner un élément, puis de rentrer l'annotation dans la popup qui va apparaître automatiquement.

Pour l'enregistrement, deux solutions s'offrent à vous :
  • enregistrer les annotations sur votre serveur, il faudra alors développer une page pour enregistrer les annotations reçues format JSON, et gérer le chargement des annotations enregistrées lors de l'initialisation du plugin;
  • ou utiliser le service AnnotateIt qui fera cette gestion pour vous (les annotations seront alors stockées dans le cloud).

Annotator propose quelques plugins qui vous vous permettre de rajouter des fonctionnalités au plugin (filtrer les annotations, les taguer, ...).

Ressources

Utilisation :
/* Utilisation simple */
$('body').annotator()

/* Utilisation avancée */
var content = $('#content').annotator();
content.annotator('addPlugin', 'Store', {
  // The endpoint of the store on your server.
  prefix: '/store/endpoint',

  // Attach the uri of the current page to all annotations to allow search.
  annotationData: {
	'uri': 'http://this/document/only'
  },

  // This will perform a "search" action rather than "read" when the plugin
  // loads. Will request the last 20 annotations for the current url.
  // eg. /store/endpoint/search?limit=20&uri=http://this/document/only
  loadFromSearch: {
	'limit': 20,
	'uri': 'http://this/document/only'
  }
});


blog comments powered by Disqus


Nicolas Thomas

Passionné par le Web, je crée des sites Internet depuis plus de 10 ans.
Après avoir obtenu un Master d'Informatique et de Gestion, j'ai lancé mon Agence Web en 2010 et c'est avec plaisir que je mènerai à bien votre projet de création de site Internet, si vous m'en confiez la responsabilité.


Retourner à l'accueil