- Notifications
You must be signed in to change notification settings - Fork33
✏️ ☁️ The easy way to integrate text handwriting recognition in your web app.
License
MyScript/myscript-text-web
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
iinkJS grants you high integration flexibility by letting you choose your favorite framework or components. For this reason, we have decided to focus on iinkJS and to discontinue our ready-to-use Web components.
For more information, please seedocumentation.
We also provide an example to integrateiinkJS as webcomponent:link.
🚧
The easy way to integrate text handwriting recognition in your web app.
myscript-text-web is a Web component that can be used in every web application to bring text handwriting recognition and conversion.
It integrates all you need:
- Signal capture for all devices,
- Digital ink rendering,
- Link to MyScript Cloud to bring handwriting recognition.
If you're not familiar with MyScript and Interactive Ink, consider discovering its major features with ourtext demo and tutorial.
Simple example ofmyscript-text-web.
All our examples with thesource codes.
- Easy to integrate,
- Digital ink capture and rendering,
- Rich editing gestures,
- Import and export content,
- Styling,
- Typeset support,
- 65 supported languages.
You can discover all the text features on ourDeveloper website.
- Havenpm oryarn installed.
- Have a MyScript developer account. You can create onehere.
- Get your keys and the free monthly quota to access MyScript Cloud atdeveloper.myscript.com
Use an existing project or start a fresh one.
npm init
Installmyscript-text-web and use it as showed in theUsage section.
npm install myscript-text-web
Create an
index.htmlfile in the same directory.Add the following lines in the
headsection to import the library and the webcomponents polyfill.
<scripttype="module"src="node_modules/myscript-text-web/myscript-text-web.js"></script><scriptsrc="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
- Still in the
headsection, add the following style:
<style>myscript-text-web {height:100vh; }</style>
- Use the component in the
bodysection with the keys you received by mail.
<myscript-text-webapplicationkey="YOUR MYSCRIPT DEVELOPER APPLICATION KEY"hmackey="YOUR MYSCRIPT DEVELOPER HMAC KEY"></myscript-text-web>
- Your
index.htmlfile should look like this:
<html><head><scripttype="module"src="node_modules/myscript-text-web/myscript-text-web.js"></script><scriptsrc="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script><style>myscript-text-web {height:100vh; }</style></head><body><myscript-text-webapplicationkey="YOUR MYSCRIPT DEVELOPER APPLICATION KEY"hmackey="YOUR MYSCRIPT DEVELOPER HMAC KEY"></myscript-text-web></body></html>
- Launch a local Web server to start using it! We recommend to use the polymer one, you can find more information on thePolymer website.
polymer serveYou can find this guide and a more complete example on theMyScript Developer website.
You can find a complete documentation with the following sections on our Developer website:
- Get Started:how to use myscript-text-web with a full example,
- Editing:how to interact with content,
- Conversion:how to convert your handwritten content,
- Import and Export:how to import and export your content,
- Styling:how to style content.
We also provide a completeAPI Reference.
You can get support and ask your questions on thededicated section of MyScript Developer website.
Made a cool app withmyscript-text-web? We would love to hear about you!We’re planning to showcase apps using it so let us know by sending a quick mail tomyapp@myscript.com
We welcome your contributions: if you wish to contribute tomyscript-text-web, feel free to fork it!
Please take a look at ourcontributing guidelines before submitting your pull request.
This library is licensed under theApache 2.0.
About
✏️ ☁️ The easy way to integrate text handwriting recognition in your web app.
Topics
Resources
License
Contributing
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors7
Uh oh!
There was an error while loading.Please reload this page.