myscript-common-element
Advanced tools
myscript-common-element is the common layer of myscript-math-web and myscript-text-web.
The common layer of myscript-math-web and myscript-text-web.
myscript-common-element is a Web component that can be used in every web application to bring handwriting recognition and conversion.
It integrates all you need:
If you are not familiar with Web components and Polymer, please consider using MyScriptJS or our out-of-the-box components myscript-math-web and myscript-text-web.
If you're not familiar with MyScript and Interactive Ink, consider discovering its major features with our text demo and tutorial.
Simple text example of myscript-common-element.
All our examples with the source codes.
You can discover all the features on our Developer website for Text and Math.
Use an existing project or start a fresh one.
npm init
Install myscript-common-element and use it as showed in the Usage section.
npm install myscript-common-element
Create an index.html file in the same directory.
Add the following lines in the head section to import the library and the webcomponents polyfill.
<script type="module" src="node_modules/myscript-common-element/myscript-common-element.js"></script>
<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
head section, add the following style:<style>
myscript-common-element {
height: 100vh;
}
</style>
body section with the keys you received by mail. <myscript-common-element
applicationkey="YOUR MYSCRIPT DEVELOPER APPLICATION KEY"
hmackey="YOUR MYSCRIPT DEVELOPER HMAC KEY">
</myscript-common-element>
index.html file should look like this:<html>
<head>
<script type="module" src="node_modules/myscript-common-element/myscript-common-element.js"></script>
<script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<style>
myscript-common-element {
height: 100vh;
}
</style>
</head>
<body>
<myscript-common-element
applicationkey="YOUR MYSCRIPT DEVELOPER APPLICATION KEY"
hmackey="YOUR MYSCRIPT DEVELOPER HMAC KEY">
</myscript-common-element>
</body>
</html>
polymer serve
You can find this guide and a more complete example on the MyScript Developer website.
You can find a complete documentation with the following sections on our Developer website:
We also provide a complete API Reference.
You can get support and ask your questions on the dedicated section of MyScript Developer website.
Made a cool app with myscript-common-element? 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
We welcome your contributions: if you would like to extend myscript-common-element for your needs, feel free to fork it!
Please take a look at our contributing guidelines before submitting your pull request.
This library is licensed under the Apache 2.0.
FAQs
myscript-common-element is the common layer of myscript-math-web and myscript-text-web.
We found that myscript-common-element demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Multiple high-impact npm maintainers confirm they have been targeted in the same social engineering campaign that compromised Axios.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.