JavaScript VirtualKeyboard

分享于 

7分钟阅读

Web开发

  繁體
软件包之间的差异: : 包含开发版本,如下所示。 它包括布局源和设置实用程序。 这是一个的compact: 具有与完全版本相同的特性,但所有脚本都打包和混淆了棘手的脚本 包含所有脚本,如 compact 包,并且不包括设置实用程序和布局源。 TinyMCE,TinyMCE 3,Xinha: 插入相应的WISIWYG编辑器,从 compact 包构建。

VirtualKeyboard screenshot

介绍

当你无法安装或者使用与你的操作系统捆绑的其他键盘布局时,虚拟键盘是一个很好的工具。 例如,你在internet咖啡馆,只有,/,布局,你需要写一些信函给你的俄语,韩文或者日本朋友。 是的,你可以编译你的写作,但这会花费比你预期的更多的时间,并且让读写。

如果是这种情况,打开 VirtualKeyboard插件站点并开始键入。 它将使文本输入变得非常舒适,与本地键盘布局一样。

你可能希望将这种键盘集成到自己的应用程序中,比如在搜索引擎。论坛。邮件系统或者其他其他应用程序中。 这是一个明智的决定- 一个小应用程序会让你和你的客户生活更轻松。

虚拟键盘功能

  • 键盘和鼠标输入- 可以在一起使用,按下键并按键盘上的Alt键,然后单击虚拟按钮上的鼠标按钮
  • 支持 MS键盘布局创建者插件,便于创建新布局
  • 支持CSS外观定制键盘外观
  • 支持left-to-right和right-to-left脚本,自动切换到相应的脚本
  • 具有支持AltGr和SGCaps字符集的全功能键盘输入
  • 支持位编辑器
  • 支持中文。日语。韩语。Lakhota和许多其他输入法
  • 支持的布局 列表包含了 160个上的布局

使用代码

在页面上包括键盘

  • 将以下线条添加到头部:

<SCRIPT src="vk_loader.js" type="text/javascript"></SCRIPT>



vk_loader.js 有两个可选参数: 在目录中,包含皮肤definitionsvk_layoutpass布局 NAME的文件夹,默认情况下为第一加载,默认为 loaded。

例如:


<SCRIPT src="vk_loader.js?vk_layout=AM%20Armenian%20Eastern&vk_skin=soberTouch" 



        type="text/javascript"></SCRIPT>



  • 将下面的行添加到带有文本字段的页中:

VirtualKeyboard.toggle('target_input_field_id','keyboard_holder_id');



I.e,我在事件处理程序中使用它来打开键盘上的键盘单击

是,就这样无需编写任何自定义代码,或者其他任何代码。 这个解决方案真的很坚固。

使用输入法输入

使用中文拼音布局在汉语中键入'打招呼'。 假设你已经打开一个带有键盘的页面,并从键盘下拉列表中选择了一个拼音布局。
  • 输入任何符号,可以识别为象形文字开始,你将看到一个弹出的工具,可以用的建议。 类型'n'。
  • step 1, pressing 'n'

  • 以下类型的符号将减少可用字符的列表。 类型'i'( ni )。
  • step 2, pressing 'i'

  • 按下数字,你将从输入法弹出式菜单中选择一个可用的象形文字。 按'输入'或者任何不被识别作为形象符号的键,将插入默认的( 首) 形象并开始符合最后一个符号。 类型'h'( nih )。
  • step 3, pressing 'h'

  • 类型'a'和'o'( 分别为niha和 nihao )。
  • step 4, pressing 'a'

    step 5, pressing 'o'

  • 按'1'或者'输入'完成输入。 你好是'打招呼'。
  • step 6, ni hao

它同样适用于它的他的,它们可以能有或者没有工具栏,但它们的工作方式大多相同。

设置布局

大多数情况下,你不需要所有布局,然后你可以制作一个更小的包。

本地设置
  • 在IE6或者IE7中启动 /setup/in/setup.html 脚本
  • 选择所需的布局并按'选择进程'按钮
  • 从 /setup/out/layouts.js 复制布局到/layouts/layouts.js
  • 服务器设置( 需要 PHP )
  • 启动 /setup/in/setup.php 脚本
  • 选择所需的布局,然后选择'安装'复选框
  • 选中'安装'复选框,尝试将布局从 /setup/out/layouts.js 复制到/layouts/layouts.js
  • 按'选择进程'按钮

如果你没有看到任何错误消息,那么你已经成功创建了一个新的布局包。

开发新布局

开始

应使用键盘布局创建者工具在文件中描述任何新布局。 在 using/setup/in/中,将字母和符号分配给键盘键,然后将它的保存到 文件夹中的。klc文件中。 完成后,你为VirtualKeyboard创建了一个新的布局。 如果你打算添加一些输入法,请参考 below 部分。 如果没有,请参考"设置布局"节 上面。

添加输入法

你需要开发高级键盘布局,必须编写一些输入处理代码,并将它的放置在 /设置文件夹的正确位置。

Setup folder Setup klc source source source源 files/in/addonsContains 文件,命名为区域代码( 对于ko来说,它是 KR ) 中的目标国家 country。 它能保持语言的广泛数据 换句话说,象形文字字母表。 /in/addons/callbacksContains 文件,名为布局文件 NAME (。比如,chinese-cangjie.js ),并以以下格式包含布局依赖的JS代码:

{'activate' : function () {


 // optional method


 // called on the layout activation time


 // here you could set some initial state for the IME and layout


 }


,'charProcessor' : function (chr, buf) {


 // required method


 // called on the each keypress


 // used for input transformation, based on the current char and existing buffer


 // should return ['new string', selection length]


 return [buf+chr, 0]


 }


} 



/outContains 已经编译的layouts.js 文件,可以与VirtualKeyboard一起使用。

相关文章