MyScriptJS is the fastest way to integrate rich handwriting features in your webapp.

What is it about?

MyScriptJS is a JavaScript library that can be used in every web application (whatever JavaScript framework you are using) to bring handwriting recognition.

It integrates all you need:

• Signal capture,
• Digital ink rendering,
• Plug with MyScript Cloud to bring handwriting recognition.

Getting started

Prerequisites

1. Have bower installed.
2. Have a MyScript developer account. You can create one here.
3. Get your keys and the free monthly quota to access MyScript Cloud at developer.myscript.com

Installation

1. Download MyScriptJS library

bower install myscript

2. Create and edit index.html file in the same directory.

3. Add the following lines in the head section ot your file. We use pep to ensure better browsers compatibilities. Note that you can also use it using bower dependencies:

<link rel="stylesheet" href="bower_components/myscript/dist/myscript.min.css"/>
<script src="bower_components/myscript/dist/myscript.min.js"></script>
<script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>

4. In the body tag, create a div tag that will contain the editing zone:

    <div id="editor"></div>

5. In JavaScript, create the editor attached to editor DOM Node:

  var editorElement = document.getElementById('editor');

  MyScript.register(editorElement, {
    recognitionParams: {
      type: 'MATH',
      server: {
        applicationKey: '#YOUR MYSCRIPT CDK APPLICATION KEY#',
        hmacKey: '#YOUR MYSCRIPT CDK HMAC KEY#'
      }
    }
  });

6. Launch a local webserver and browse the sample.

Examples

• First, you may want to discover Interactive Ink and its major features.
• Text recognition and conversion with V4 API
• Math recognition and conversion with V4 API
• Text recognition and conversion with V3 API
• more examples...

The directory examples/ of this Git repository contains all the example source codes.

If your are willing to integrate MyScriptJS with React, Angular or VueJS basic applications are available in this github repository.

Documentation

A complete guide is available on MyScript Developer website.

The API Reference is available in the docs directory or on myscript.github.io/MyScriptJS/ website.

Building MyScriptJS

Instructions to help you build the project are available in SETUP.md file.

Getting support

You can get some support from the dedicated section on MyScript Developer website.

Sharing your feedback ?

Made a cool app with MyScriptJS? We would love to hear about you! We’re planning to showcase apps using it so let us know by sending a quick mail to [email protected].

Contributing

We welcome your contributions: If you would like to extend MyScriptJS for your needs, feel free to fork it! Please sign our Contributor License Agreement before submitting your pull request.