mirror of
https://github.com/keymanapp/keyman.git
synced 2026-09-22 07:37:40 +00:00
cda7dc6d24
For Keyman Developer Server, add app.webmanifest so that it can be saved to the home screen; other pages should not require this. Fixes: #16172 Test-bot: skip
73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
|
|
<!-- Set the viewport width to match iOS device widths -->
|
|
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" /> -->
|
|
<meta name="viewport" content="width=device-width,user-scalable=no" />
|
|
|
|
<title>KeymanWeb Multilingual Sample Page</title>
|
|
|
|
<style type='text/css'>
|
|
body {font-family: Tahoma,helvetica;}
|
|
h3 {font-size: 1em;font-weight:normal;color: darkred; margin-bottom: 4px}
|
|
.test {font-size: 1.5em; width:92%; min-height:30px; border: 1px solid gray;}
|
|
#KeymanWebControl {width:50%; min-width:600px;}
|
|
</style>
|
|
|
|
<!-- KeymanWeb script -->
|
|
<script src="./keyman/keymanweb.js"></script>
|
|
|
|
<!--The script linking to the cloud or custom user interface must be inserted here -->
|
|
<script src="./keyman/kmwuitoolbar.js"></script>
|
|
|
|
<!-- Initialization: set paths to keyboards, resources and fonts as required -->
|
|
<script>
|
|
keyman.init({
|
|
attachType:'auto'
|
|
}).then(async function() {
|
|
await loadKeyboards();
|
|
});
|
|
</script>
|
|
<!--
|
|
Keyboard specifications, with the keyboard name and language code for each keyboard that is to be available.
|
|
The actual keyboard object will be downloaded asynchronously when first selected for use.
|
|
Any number of keyboards may be specified. If the same keyboard is used for several languages, it will only be loaded
|
|
once, but should be referenced for each supported language.
|
|
If two (or more) keyboards are wanted to be available for a given language, both should be referenced.
|
|
Keyboard paths may be absolute (with respect to the server root) or relative to the keyboards option path.
|
|
-->
|
|
<script>
|
|
async function loadKeyboards() {
|
|
await keyman.addKeyboards();
|
|
await keyman.setActiveKeyboard('basic_kbdus','en');
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<!-- Sample page HTML -->
|
|
<body>
|
|
<h2>KeymanWeb Multilingual Page Example</h2>
|
|
|
|
<div>
|
|
<!--
|
|
The following DIV is used to position the Button or Toolbar User Interfaces on the page.
|
|
If omitted, those User Interfaces will appear at the top of the document body.
|
|
It is not required and is ignored by other User Interfaces.
|
|
-->
|
|
<div id='KeymanWebControl'></div>
|
|
|
|
<h3>Type in the following text area in <i>your </i>language:</h3>
|
|
<textarea id='ta1' class='test'></textarea>
|
|
|
|
<h3>or in this input field:</h3>
|
|
<input class='test'/>
|
|
|
|
|
|
<h3><a href="../">Return to samples home page</a></h3>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|