本地化jQuery公式加中文键盘

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

 24699  326  查看评论 (18)
分享到微信朋友圈
X
本地化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评论插件

jQuery评论插件,带表情,数量可随意添加,数据保存到本地缓存,刷新不丢失。
  丰富的输入
 21451  267

jQuery在线做试卷并查看答案

jQuery在线试卷,提交后查看答案、解析。题型包括 1单选2多选3判断4填空5问答8论述题6完型填空7阅读理解
  丰富的输入
 16689  221

bootstrap登录注册表单切换页面

简洁通用的登录和注册表单弹窗切换,这是一款基于html5 css3 bootstrap创建的响应式登录注册页面模板
  丰富的输入
 31595  307

Javascript模拟键盘事件

Javascript模拟键盘事件 可对应键盘每一个键
  丰富的输入
 33177  319

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    不知名行为艺术家 0
    2020/4/3 11:25:58
    f再按其它字母都会在中间自增一个空格
        英宇1
        2020/9/3 18:31:03
        .mq-math-mode var.mq-f这个样式调一下就好了这是公式插件自带的
    回复
    老李家老三 0
    2020/1/30 18:07:23
    有没有封装成js的,不用每个界面都写一次html
        英宇0
        2020/9/3 18:32:15
        抱歉好几年不写jq了没时间弄这个了
    回复
    老李家老三 0
    2020/1/30 18:00:26
    有没有封装好html的,不用每一个调用的界面都要添加html代码 回复
    木南 0
    2018/12/13 11:43:39
    下划线点不了为什么
        英宇0
        2019/1/21 11:23:02
        下划线去掉吧,实际使用中并不需要下划线
        木南0
        2019/7/30 19:56:20
        我下载了你的,然后把下划线还有些特殊字符搞好了哈哈哈哈~~~~~~~
        英宇0
        2019/10/31 10:32:22
        棒棒的,你可以把心得分享一下
    回复
    木南 0
    2018/10/24 12:01:17
    为啥不是input ,输入框呢,我要怎么改写呢
        英宇1
        2019/1/21 11:27:32
        用输入框的话就只能把latex显示在输入框里,对没接触过的用户造成困扰,所以改成渲染好的html结构了,如果需要改成input,使用mathField.latex()获取latex赋值给input
        kuang9200
        2019/7/23 9:58:37
        输入中文,mathField.latex()获取latex赋值给input还是字母,怎么获取输入的中文字符啊?
    回复
    英宇 0
    2018/6/26 11:53:29
    点击页面中的键盘而不是用pc键盘操作。
        木南0
        2018/10/22 17:55:39
        你下载了吗
    回复
    英宇 0
    2018/6/22 14:00:13
    手写功能没有添加,要依赖服务端解析,目前没有找到免费的解析服务,先保留手写。
        SiriBen0
        2018/6/26 10:41:57
        还手写?这个只能在PC端上用,移动端又不兼容,哈哈,目前我貌似切换中文输入法,输入无反应
        英宇1
        2018/6/26 11:47:19
        中文都切换不了的话看下是不是哪里报错了,webview需要安卓端配合,我只测试了谷歌浏览器。
        kuang9200
        2019/7/31 11:42:01
        有没有繁体的?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复