『开源』基于jq的数学公式编辑器插件（可嵌入项目）（web前端）

数学公式编辑器初体验APIoptions配置演示（参考test/simple.html）嵌入演示（参考test/wangEditor/wangEditor.html）源码初体验在html中引入dist文件内打包后的js和css：<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"></scr

DemoJx

5791人浏览 · 2020-12-21 14:25:02

DemoJx · 2020-12-21 14:25:02 发布

数学公式编辑器

初体验

在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>
    <script>
        var mathEdit = new window.MathEdit({
            elId: 'myEdit',
            config: {
                defaultFontSize: '18px',
                viewFontSize: '12px'
            }
        })
        document.getElementById('getVal').addEventListener('click',function(){
            console.log( mathEdit.getValue())
        })
    </script>

API

名称	功能	使用
getValue	获取用户输入值（返回html）	mathEdit.getValue()
isEmpty	判断输入框是否为空	mathEdit.isEmpty()

options配置

属性	描述	类型	默认值	必输
elId	容器id	字符串	无	是
config	配置更多	对象	{defaultFontSize: ‘18px’,viewFontSize: ‘14px’}	否
config.defaultFontSize	输入时显示的字体大小	字符串	‘18px’	否
config.viewFontSize	输出的html显示的字体大小	字符串	‘14px’	否