mirror of
https://github.com/keymanapp/keyman.git
synced 2026-08-06 17:05:34 +00:00
303 lines
12 KiB
HTML
303 lines
12 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<title>Keyman</title>
|
|
<script src="keymanios.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
console = new Object();
|
|
console.log = function(log) {
|
|
var iframe = document.createElement("IFRAME");
|
|
iframe.setAttribute("src", "ios-log:#iOS#" + log);
|
|
document.documentElement.appendChild(iframe);
|
|
iframe.parentNode.removeChild(iframe);
|
|
iframe = null;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage("ios-log:#iOS#" + log);
|
|
};
|
|
console.debug = console.log;
|
|
console.info = console.log;
|
|
console.warn = console.log;
|
|
console.error = console.log;
|
|
window.onerror = function(error, url, line) {
|
|
console.log('ERROR: '+error+' URL:'+url+' L:'+line);
|
|
};
|
|
|
|
var device = 'AppleMobile';
|
|
var oskHeight = 0;
|
|
var oskWidth = 0;
|
|
|
|
window.addEventListener('load', init, false);
|
|
|
|
function init() {
|
|
var kmw=window['keyman'];
|
|
// We could convert to relying on the promise, but the underlying input element
|
|
// tends to show a bit due to the delay when we do so.
|
|
kmw.init({'app':device,'fonts':'fonts/'});//.then(function() {
|
|
kmw['util']['setOption']('attachType','manual');
|
|
kmw['oninserttext'] = insertText;
|
|
kmw['showKeyboardList'] = menuKeyDown;
|
|
kmw['hideKeyboard'] = hideKeyboard;
|
|
kmw['getOskHeight'] = getOskHeight;
|
|
kmw['getOskWidth'] = getOskWidth;
|
|
kmw['beepKeyboard'] = beepKeyboard;
|
|
kmw['setActiveElement']('ta');
|
|
|
|
//});
|
|
}
|
|
|
|
function showBanner(flag) {
|
|
console.log("Setting banner display for dictionaryless keyboards to " + flag);
|
|
keyman.osk.banner.setOptions({'alwaysShow': flag});
|
|
}
|
|
|
|
function setBannerImage(path) {
|
|
var kmw=window['keyman'];
|
|
kmw.osk.banner.setOptions({"imagePath": path});
|
|
}
|
|
|
|
function setBannerHeight(h) {
|
|
var kmw = com.keyman.singleton;
|
|
var osk = kmw.osk;
|
|
|
|
if(h >= 0) {
|
|
// The banner itself may not be loaded yet. This will preemptively help set
|
|
// its eventual display height.
|
|
com.keyman.osk.Banner.DEFAULT_HEIGHT = h;
|
|
|
|
if(osk.banner.activeType != 'blank') {
|
|
osk.banner.height = h;
|
|
}
|
|
}
|
|
|
|
// Refresh KMW's OSK
|
|
kmw.correctOSKTextSize();
|
|
}
|
|
|
|
function setDeviceType(deviceType) {
|
|
// Set device type: AppleMobile|AppleTablet
|
|
device = deviceType;
|
|
init();
|
|
}
|
|
|
|
function setOskHeight(height) {
|
|
var kmw=window['keyman'];
|
|
oskHeight = height;
|
|
kmw.osk.show(true);
|
|
kmw['correctOSKTextSize']();
|
|
}
|
|
|
|
function setOskWidth(width) {
|
|
oskWidth = width;
|
|
}
|
|
|
|
function getOskWidth() {
|
|
if (oskWidth == 0)
|
|
oskWidth = Math.abs(window.orientation) == 90 ? screen.height : screen.width;
|
|
|
|
if (Math.abs(window.orientation) == 90) document.body.className="kmw-embedded keyman-app kmw-landscape";
|
|
else document.body.className="kmw-embedded keyman-app kmw-portrait";
|
|
|
|
return oskWidth;
|
|
}
|
|
|
|
function getOskHeight() {
|
|
var height = oskHeight;
|
|
if(keyman.osk.banner._activeType != 'blank') {
|
|
height = height - keyman.osk.banner.height;
|
|
}
|
|
return height;
|
|
}
|
|
|
|
var keyboardOffset = 0;
|
|
function setKeymanLanguage(stub) {
|
|
var kmw = window.keyman;
|
|
|
|
kmw.interface.registerStub(stub);
|
|
kmw.setActiveKeyboard(stub.KI, stub.KLC);
|
|
kmw.osk.show(true);
|
|
}
|
|
|
|
var fragmentToggle = 0;
|
|
/**
|
|
* Inserts the selected string <i>s</i>
|
|
* @param dn Number of pre-caret code points (UTF+8 characters) to delete
|
|
* @param s Text to insert
|
|
* @param dr Number of post-caret code points to delete. (optional)
|
|
*/
|
|
function insertText(dn, s, dr) {
|
|
dr = dr || 0; // Sets a default value of zero when dr is undefined
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var insertHash = 'insertText-'+ fragmentToggle + '+dn=' + dn + '+s=' + toHex(s) + '+dr=' + dr;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + insertHash);
|
|
}
|
|
|
|
function beepKeyboard() {
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var beepHash = 'beep-'+ fragmentToggle;
|
|
if(typeof(window.webkit) != 'undefined') {
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + beepHash);
|
|
}
|
|
}
|
|
|
|
function oskCreateKeyPreview(x,y,w,h,t)
|
|
{
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var div = document.createElement('div');
|
|
div.innerHTML = t;
|
|
var dt = div.firstChild.nodeValue;
|
|
var previewHash = 'showKeyPreview-'+fragmentToggle+'+x='+x+'+y='+y+'+w='+w+'+h='+h+'+t='+toHex(dt);
|
|
//window.location.hash = 'showKeyPreview-'+fragmentToggle+'+x='+x+'+y='+y+'+w='+w+'+h='+h+'+t='+toHex(dt);
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + previewHash);
|
|
}
|
|
|
|
function oskClearKeyPreview()
|
|
{
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var dismissHash = 'dismissKeyPreview-'+fragmentToggle;
|
|
//window.location.hash = 'dismissKeyPreview-'+fragmentToggle;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + dismissHash);
|
|
}
|
|
|
|
oskCreatePopup = function(obj,x,y,w,h)
|
|
{
|
|
if(obj != null) {
|
|
var i;
|
|
var s = '';
|
|
var shift = false;
|
|
var frame = x.toString() + ',' + y.toString() + ',' + w.toString() + ',' + h.toString();
|
|
for(i=0; i<obj.length; i++)
|
|
{
|
|
s=s+obj[i].layer+'-'+obj[i].id;
|
|
if(obj[i].sp == 1 || obj[i].sp == 2) shift = true;
|
|
if(typeof(obj[i].text) != 'undefined' && obj[i].text != '') s=s+':'+toHex(obj[i].text);
|
|
if(i < (obj.length -1)) s=s+';'
|
|
}
|
|
fragmentToggle=(fragmentToggle+1) % 100;
|
|
var hash = 'showMore-' + fragmentToggle + '+baseFrame=' + frame + '+keys=' + s;
|
|
if(shift) {
|
|
hash = hash + '+font=' + 'SpecialOSK';
|
|
}
|
|
//window.location.hash = hash;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + hash);
|
|
}
|
|
}
|
|
|
|
function suggestionPopup(obj,custom,x,y,w,h) {
|
|
if(obj != null) {
|
|
fragmentToggle=(fragmentToggle+1) % 100;
|
|
|
|
var cmd = {
|
|
'suggestion': obj,
|
|
'isCustom': custom,
|
|
'x': x,
|
|
'y': y,
|
|
'width': w,
|
|
'height': h
|
|
};
|
|
|
|
var hash = 'suggestPopup-' + fragmentToggle + '+cmd=' + JSON.stringify(cmd);
|
|
|
|
if (typeof(window.webkit) != 'undefined') {
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + hash);
|
|
}
|
|
}
|
|
}
|
|
|
|
function menuKeyDown() {
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var keyDownHash = 'menuKeyDown-' + fragmentToggle;
|
|
//window.location.hash = 'menuKeyDown-' + fragmentToggle;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + keyDownHash);
|
|
}
|
|
|
|
function menuKeyUp()
|
|
{
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var keyUpHash = 'menuKeyUp-'+fragmentToggle;
|
|
//window.location.hash = 'menuKeyUp-'+fragmentToggle;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + keyUpHash);
|
|
}
|
|
|
|
function hideKeyboard() {
|
|
fragmentToggle = (fragmentToggle + 1) % 100;
|
|
var hideHash = 'hideKeyboard-' + fragmentToggle;
|
|
//window.location.hash = 'hideKeyboard-' + fragmentToggle;
|
|
if (typeof(window.webkit) != 'undefined')
|
|
window.webkit.messageHandlers.keyman.postMessage('#' + hideHash);
|
|
}
|
|
|
|
function langMenuPos() {
|
|
var kmw = window['keyman'];
|
|
var pos = kmw['touchMenuPos']();
|
|
return pos;
|
|
}
|
|
|
|
function setCursorRange(pos, length) {
|
|
var ta = document.getElementById('ta');
|
|
var kmw = window['keyman'];
|
|
ta.selectionStart = ta._KeymanWebSelectionStart = pos;
|
|
ta.selectionEnd = ta._KeymanWebSelectionEnd = pos + length;
|
|
kmw['setActiveElement'](ta);
|
|
return ta.selectionEnd;
|
|
}
|
|
|
|
function setKeymanVal(text) {
|
|
if(undefined == text) text = '';
|
|
var ta = document.getElementById('ta');
|
|
var kmw = window['keyman'];
|
|
ta.value = text;
|
|
kmw['setActiveElement'](ta);
|
|
return ta.value;
|
|
}
|
|
|
|
function executePopupKey(keyID, keyText) {
|
|
var kmw=window['keyman'];
|
|
kmw['executePopupKey'](keyID, keyText);
|
|
}
|
|
|
|
function popupVisible(value) {
|
|
var kmw=window['keyman'];
|
|
kmw['popupVisible'](value);
|
|
}
|
|
|
|
function toHex(theString) {
|
|
var hexString = '';
|
|
for (var i=0; i < theString.length; i++) {
|
|
var theHex = theString.charCodeAt(i).toString(16).toUpperCase();
|
|
while (theHex.length < 4) {
|
|
theHex = '0' + theHex;
|
|
}
|
|
theHex = '0x' + theHex;
|
|
hexString += theHex + ',';
|
|
}
|
|
return hexString.substr(0, hexString.length-1);
|
|
}
|
|
|
|
function enableSuggestions(model, mayPredict, mayCorrect) {
|
|
// Set the options first so that KMW's ModelManager can properly handle model enablement states
|
|
// the moment we actually register the new model.
|
|
keyman.osk.banner.setOptions({
|
|
'mayPredict': mayPredict,
|
|
'mayCorrect': mayCorrect
|
|
});
|
|
|
|
keyman.modelManager.register(model);
|
|
}
|
|
|
|
</script>
|
|
<style type="text/css">
|
|
body {background-color: rgb(210,214,220);}
|
|
</style>
|
|
</head>
|
|
<body class="kmw-embedded keyman-app">
|
|
<textarea id="ta" cols="1" rows="1" style="visibility:hidden;" disabled></textarea>
|
|
</body>
|
|
</html>
|