- 在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' | 否 |