Storing Annotations

Important: Annotorious does not provide a backend for storing annotations online. It provides user interface functionality only. To store annotations, you need to connect them to your own backend, using the JavaScript API.

When users create, update or delete annotations, Annotorious emits the following events:

• createAnnotation
• updateAnnotation
• deleteAnnotation

Subscribe to these events, and execute the corresponding write operations to your backend.

anno.on('createAnnotation', function(annotation) {
  // This part depends entirely on how your backend works
  axios.post('http://www.example.com/annotations/').then((response) => {
    console.log('Stored.');
  });
});

Using Cloud Storage Services

If you don’t want to run your own application backend, cloud storage services offer a good alternative. See our Google Firebase storage plugin for a free & personal annotation store solution.