<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<!-- Set the viewport width to match phone and tablet device widths --> | |
<meta name="viewport" content="width=device-width,user-scalable=no" /> | |
<!-- Allow KeymanWeb to be saved to the iPhone home screen --> | |
<meta name="apple-mobile-web-app-capable" content="yes" /> | |
<!-- Enable IE9 Standards mode --> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
<title>KeymanWeb Sample 1</title> | |
</head> | |
<body> | |
<h1>KeymanWeb Sample 1</h1> | |
<textarea cols="20" rows="5"></textarea> | |
<!-- | |
In this example, we are loading KeymanWeb late. If you focus on a control early (e.g. a search box), | |
you may want to place the KeymanWeb code into the head instead, to ensure it is available by the | |
time the user wants to start typing. | |
--> | |
<!-- KeymanWeb script --> | |
<script src='https://s.keyman.com/kmw/engine/13.0.111/keymanweb.js'></script> | |
<!-- | |
For desktop browsers, a script for the user interface must be inserted here. | |
Standard UIs are toggle, button, float and toolbar. | |
The toolbar UI is best for any page designed to support keyboards for | |
a large number of languages. | |
--> | |
<script src='https://s.keyman.com/kmw/engine/13.0.111/kmwuitoggle.js'></script> | |
<!-- Initialization: set paths to keyboards, resources and fonts as required --> | |
<script> | |
(function(kmw) { | |
kmw.init({attachType:'auto'}); | |
kmw.addKeyboards('@en'); | |
kmw.addKeyboards('@th'); | |
})(keyman); | |
</script> | |
</body> | |
</html> |