1、引入样式和依赖js
1 2 3 4 5 6 | < link rel = "stylesheet" href = "./css/mathquill.css" > < link rel = "stylesheet" href = "./css/keyboard.css" > < 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
1 | < script src = "./js/keyboard.js" ></ script > |
功能都写在keyboard.js
(1)配置mathqill.js:
1 2 3 4 5 6 7 8 9 10 11 12 13 | var config={ spaceBehavesLikeTab: true , leftRightIntoCmdGoes: 'up' , restrictMismatchedBrackets: true , sumStartsWithNEquals: true , supSubsRequireOperand: true , autoSubscriptNumerals: true , handlers: { edit: function (){ }, }, restrictMismatchedBrackets: true }; |
可百度mathqill官网自行配置
(2)实例化
1 2 | var MQ = MathQuill.getInterface(2); var mathField = MQ.MathField($( "#txt_latex" )[0], config); |
其他方法不一一赘述,js里面注释的很清楚,pad端使用不会弹起原生键盘,如果觉得公式不全请自行查找相应latex公式写入页面布局的dom上。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com