在html中引入dist文件内打包后的js和css:
< script src = "https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js" > </ script > // 依赖jq
< script src = "../dist/mathEdit.min.js" > < / script >
在html中使用(可以参考test/simple.html)
< div id = "myEdit" > </ div >
< button id = "getVal" > 获取值 < / button>
< button id = "getLatex" > 获取Latex值</ button >
< script >
var mathEdit = new window . MathEdit ( {
elId : 'myEdit' ,
config : {
defaultFontSize : '18px' ,
viewFontSize : '12px'
}
} )
document . getElementById ( 'getVal' ) . addEventListener ( 'click' , function ( ) {
console . log ( mathEdit . getValue ( ) )
} )
document . getElementById ( 'getLatex' ) . addEventListener ( 'click' , function ( ) {
console . log ( mathEdit . getLatex ( ) )
} )
< / script>
名称
功能
使用
getValue
获取用户输入值(返回html)
mathEdit.getValue()
getLatex
获取用户输入值(返回latex格式)
mathEdit.getLatex()
isEmpty
判断输入框是否为空
mathEdit.isEmpty()
属性
描述
类型
默认值
必输
elId
容器id
字符串
无
是
config
配置更多
对象
{defaultFontSize: '18px',viewFontSize: '14px'}
否
config.defaultFontSize
输入时显示的字体大小
字符串
'18px'
否
config.viewFontSize
输出的html显示的字体大小
字符串
'14px'
否
wangEditor(参考test/wangEditor/wangEditor.html)
UEditor(参考test/UEditor/readme.md)