addded missing example

benoit.fonty · benoit.fonty · commit 5537fb593a10 · 2018-10-10T17:43:54.000+02:00
diff --git a/build/docs/src/demo-app/examples/v4/custom_lexicon.html b/build/docs/src/demo-app/examples/v4/custom_lexicon.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html><html lang="en"><head>
+        <!-- Those meta make the capture of handwriting inputs easier on mobile devices -->
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="mobile-web-app-capable" content="yes">
+        <meta name="HandheldFriendly" content="true">
+
+        <title>Get started</title>
+
+        <link rel="stylesheet" href="../examples.css">
+
+        <script src="../../../../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
+        <script type="module" src="../../../../myscript-text-web.js"></script>
+        <style>
+            .description {
+                margin: 12px;
+            }
+        </style>
+    </head>
+
+    <body>
+    <input type="text" class="input-field" id="lexicon" data-type="text/plain" placeholder="Add your own lexicon (space-separated) and press &quot;Send&quot;">
+    <button class="classic-btn" id="reinit">Send</button>
+    <myscript-text-web scheme="https" host="webdemoapi.myscript.com" applicationkey="515131ab-35fa-411c-bb4d-3917e00faf60" hmackey="54b2ca8a-6752-469d-87dd-553bb450e9ad" touch-action="none">
+        </myscript-text-web>
+    <script>window.addEventListener('load', () => {
+  const textElement = document.querySelector('myscript-text-web');
+  const reinitButton = document.getElementById('reinit');
+  const lexicon = document.getElementById('lexicon');
+  reinitButton.addEventListener('click', function () {
+    const values = lexicon.value;
+    textElement.unloaded = true;
+    textElement.customlexicon = values.split(' ');
+    textElement.unloaded = false;
+  });
+});</script>
+    
+
+</body></html>
