mirror of
https://github.com/keymanapp/keyman.git
synced 2026-08-20 23:37:41 +00:00
1f82507730
Deprecate the following obsolete functions and properties: * `keyman.helpURL` * `keyman.util.rgba` * `keyman.util.toFloat` * `keyman.util.toNumber` * `keyman.util.toNzString` Use correct language for code blocks in Keyman Engine for Web documentation. Test-bot: skip
2 KiB
2 KiB
| title |
|---|
| Manual Mode Example |
In this example, the web page designer specifies when KeymanWeb's on-screen keyboard may be displayed on non-mobile devices. They have also specified that the LaoKeys keyboard should be activated by default. This example continues to use the KeymanWeb default interface. Please click this link to open the test page.
Code Walkthrough
Include the following script in the HEAD of your page:
<script>
keyman.init().then(async function() {
await keyman.addKeyboards({
id: "laokeys",
name: "Lao (Phonetic)",
languages:{id:'lo',name:'Lao'},
filename: "./js/laokeys.js"
});
await keyman.setActiveKeyboard('laokeys');
keyman.osk.hide();
});
/* KWControlClick: Called when user clicks on the KWControl IMG */
function KWControlClick() {
if(keyman.osk.isEnabled()) {
keyman.osk.hide();
} else {
keyman.osk.show(true); // Specifies that the OSK should display whenever a valid
// control has focus, re-enabling the default behavior.
}
}
</script>
Also include the following HTML code:
<head>
<!-- Load the KeymanWeb engine -->
<script src="https://s.keyman.com/kmw/engine/17.0.331/keymanweb.js" type="text/javascript"></script>
</head>
And finally, include the control img for KeymanWeb:
<!-- Display the KeymanWeb icon for the user to click on -->
<img style="border: solid 1px black; padding: 2px 2px 3px 2px" src='kmicon.png' alt='KeymanWeb' onclick='KWControlClick()' />
API References
On programmatically setting the keyboard:
On managing the visibility of the OSK: