https://github.com/myscript/myscript-text-web
:pencil2: :cloud: The easy way to integrate text handwriting recognition in your web app.
https://github.com/myscript/myscript-text-web
cloud handwriting handwriting-recognition handwritten-text-recognition webcomponents
Last synced: 4 months ago
JSON representation
:pencil2: :cloud: The easy way to integrate text handwriting recognition in your web app.
- Host: GitHub
- URL: https://github.com/myscript/myscript-text-web
- Owner: MyScript
- License: other
- Archived: true
- Created: 2015-11-02T16:31:16.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2021-01-04T15:32:13.000Z (about 5 years ago)
- Last Synced: 2025-09-01T15:22:37.273Z (6 months ago)
- Topics: cloud, handwriting, handwriting-recognition, handwritten-text-recognition, webcomponents
- Language: HTML
- Homepage: https://developer.myscript.com
- Size: 28.3 MB
- Stars: 166
- Watchers: 16
- Forks: 33
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# MyScript Text Web
[](https://badge.fury.io/js/myscript-text-web)
[](https://vaadin.com/directory/component/MyScriptmyscript-text-web)
[](https://vaadin.com/directory/component/MyScriptmyscript-text-web)
[](https://www.webcomponents.org/element/MyScript/myscript-text-web)
[](https://myscript.github.io/myscript-text-web/#/elements/myscript-text-web/demos/other-examples)
[](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/)
## :warning: This repository is archived :warning:
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 see [documentation](https://developer.myscript.com/).
We also provide an example to integrate [iinkJS](https://github.com/MyScript/iinkJS) as webcomponent: [link](https://github.com/MyScript/web-integration-samples).
:construction:
> 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.
## Table of contents
* [Examples](https://github.com/MyScript/myscript-text-web#examples)
* [Features](https://github.com/MyScript/myscript-text-web#features)
* [Requirements](https://github.com/MyScript/myscript-text-web#requirements)
* [Installation](https://github.com/MyScript/myscript-text-web#installation)
* [Usage](https://github.com/MyScript/myscript-text-web#usage)
* [Documentation](https://github.com/MyScript/myscript-text-web#documentation)
* [Support](https://github.com/MyScript/myscript-text-web#support)
* [Feedback](https://github.com/MyScript/myscript-text-web#sharing-your-feedback)
* [Contributing](https://github.com/MyScript/myscript-text-web#contributing)
## Examples
If you're not familiar with MyScript and Interactive Ink, consider discovering its major features with our [text demo and tutorial](http://webdemo.myscript.com/views/text.html).
[Simple example](https://myscript.github.io/myscript-text-web/#/elements/myscript-text-web/demos/get-started-[v4]) of `myscript-text-web`.
[All our examples](https://myscript.github.io/myscript-text-web/#/elements/myscript-text-web/demos/other-examples) with the [source codes](https://github.com/MyScript/myscript-text-web/tree/master/src/demo-app/examples).
## Features
* 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 our [Developer website](https://developer.myscript.com/text).
## Requirements
1. Have [npm](https://www.npmjs.com/get-npm) or [yarn](https://yarnpkg.com/en/docs/install) installed.
2. Have a MyScript developer account. You can create one [here](https://dev.myscript.com/).
2. Get your keys and the free monthly quota to access MyScript Cloud at [developer.myscript.com](https://developer.myscript.com)
## Installation
Use an existing project or start a fresh one.
```shell
npm init
```
Install `myscript-text-web` and use it as showed in the [Usage]() section.
```shell
npm install myscript-text-web
```
## Usage
1. Create an `index.html` file in the same directory.
2. Add the following lines in the `head` section to import the library and the webcomponents polyfill.
```html
```
3. Still in the `head` section, add the following style:
```html
myscript-text-web {
height: 100vh;
}
```
4. Use the component in the `body` section with the keys you received by mail.
```html
```
5. Your `index.html` file should look like this:
```html
myscript-text-web {
height: 100vh;
}
```
6. Launch a local Web server to start using it! We recommend to use the polymer one, you can find more information on the [Polymer website](https://www.polymer-project.org/3.0/start/install-3-0).
```
polymer serve
```
You can find this guide and a more complete example on the [MyScript Developer website](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/get-started/).
## Documentation
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](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/get-started/),
* **Editing**: [how to interact with content](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/editing/),
* **Conversion**: [how to convert your handwritten content](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/conversion/),
* **Import and Export**: [how to import and export your content](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/import-and-export/),
* **Styling**: [how to style content](https://developer.myscript.com/docs/interactive-ink/latest/web/web-components/text-element/styling/).
We also provide a complete [API Reference](https://myscript.github.io/myscript-text-web/#/elements/myscript-text-web).
## Getting support
You can get support and ask your questions on the [dedicated section](https://developer-support.myscript.com/support/discussions/forums/16000096021) of MyScript Developer website.
## Sharing your feedback
Made a cool app with `myscript-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 to [myapp@myscript.com](mailto://myapp@myscript.com)
## Contributing
We welcome your contributions: if you wish to contribute to `myscript-text-web`, feel free to fork it!
Please take a look at our [contributing](CONTRIBUTING.md) guidelines before submitting your pull request.
## License
This library is licensed under the [Apache 2.0](http://opensource.org/licenses/Apache-2.0).