A simple Annotorious plugin to store annotations on Parse.com
JavaScript
Latest commit feee125 Jun 24, 2013 @dommmel init
Permalink
Failed to load latest commit information.
test
.gitignore
README.md
anno-parse-plugin.css
anno-parse-plugin.js
load.gif

README.md

Annotorious Parse.com Plugin

A simple Annotorious plugin that stores annotations on Parse.com.

This plugin is based on the annotorious-elasticsearch-plugin and is licensed under the WTFPL.

Using this Plugin

Copy the files to your server/Webspace and set it up with your page as described below.

  1. The plugin uses jQuery and Parse.com's javascript SDK. Therefore you need to import these thwo libraries before importing the plugin script.
  2. Add the plugin script to your page just like any other Annotorious plugin. Make sure the plugin script is loaded after the main Annotorious script.
  3. Attach the plugin to Annotorious using the anno.addPlugin API method.
  4. Specify your application id and your javascript key using the app_id and js_key. config params.

Example

....
  <head>
    <!-- Import main Annotorious script and CSS -->
    <link rel="stylesheet" href="http://annotorious.github.com/latest/annotorious.css" type="text/css" />
    <script src="http://annotorious.github.com/latest/annotorious.min.js"></script>

    <!-- Import jQuery - the plugin depends on it! -->
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

    <!-- Import Parse's javascript sdk - the plugin depends on it! -->
    <script src="http://www.parsecdn.com/js/parse-1.2.8.min.js"></script>

    <!-- Import the css styles -->
    <link rel="stylesheet" href="anno-parse-plugin.css" type="text/css" /> 

    <!-- Import the plugin script -->
    <script src="anno-parse-plugin.js"></script>

    <!-- Use Annotorious' JavaScript API to attach and activate the plugin -->
    <script>
     anno.addPlugin('Parse', { app_id: 'YOUR_PARSE_APPLICATION_ID', js_key: 'YOUR_PARSE_JAVASCRIPT_KEY' });
    </script>
  <head>
....

Live Demo