本地化jQuery公式加中文键盘

所属分类:输入-丰富的输入

本地化jQuery公式加中文键盘 ie兼容8

使用方法

1、引入样式和依赖js

<link rel="stylesheet" href="./css/mathquill.css">
<link rel="stylesheet" href="./css/keyboard.css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="./js/jquery.slimscroll.min.js"></script>
<script src="./js/chinese-pynsimpl.js"></script>
<script src="./js/mathquill.min.js"></script>

修改键盘样式去keyboard.css里面修改,所有样式都可以随意修改

2、引入键盘逻辑js

<script src="./js/keyboard.js"></script>

功能都写在keyboard.js

(1)配置mathqill.js:

var config={
   spaceBehavesLikeTab: true,
   leftRightIntoCmdGoes: 'up',
   restrictMismatchedBrackets: true,
   sumStartsWithNEquals: true,
   supSubsRequireOperand: true,
   autoSubscriptNumerals: true,
   handlers: {
       edit: function(){
       },
   },
   restrictMismatchedBrackets: true
};

可百度mathqill官网自行配置

(2)实例化

var MQ = MathQuill.getInterface(2);
var mathField = MQ.MathField($("#txt_latex")[0], config);

其他方法不一一赘述,js里面注释的很清楚,pad端使用不会弹起原生键盘,如果觉得公式不全请自行查找相应latex公式写入页面布局的dom上。

相关插件-丰富的输入

jQuery答题测试(原创)

点击左右键,左右滑动可切换题目,已答题数目和总题目数,交卷
  丰富的输入
 8142  46

jQuery H5电子签名

H5电子签名demo,支持移动端
  丰富的输入
 1876  35

jQuery的在线涂鸦插件wPaint

wPaint.js一个不错的在线实时绘图jQuery插件.提供了能够加载和保存绘制的图像绘制图像。它是基于HTML5的canvas。
  丰富的输入
 5493  18

仿多说留言、评论框,带微博表情。

仿多说留言、评论框,带微博表情。
  丰富的输入
 24831  264

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    英宇 0
    2018/6/26 11:53:29
    点击页面中的键盘而不是用pc键盘操作。 回复
    英宇 0
    2018/6/22 14:00:13
    手写功能没有添加,要依赖服务端解析,目前没有找到免费的解析服务,先保留手写。
        SiriBen0
        2018/6/26 10:41:57
        还手写?这个只能在PC端上用,移动端又不兼容,哈哈,目前我貌似切换中文输入法,输入无反应
        英宇0
        2018/6/26 11:47:19
        中文都切换不了的话看下是不是哪里报错了,webview需要安卓端配合,我只测试了谷歌浏览器。
    回复
取消回复