html可视化数学公式编辑,所见即所得的jQuery数学公式编辑器插件

MathquillBasedEditor是一款所见即所得的jQuery数学公式编辑器插件。该数学公式编辑器依赖于mathquill，可以通过点击图标来直接生成乘方和开方等数学公式。

使用方法

在页面中引入mathquill和matheditor的相关文件。

HTML结构

使用一个

作为公式编辑器的容器。

初始化插件

可以通过下面的方法来实例化MathEditor对象。

var mathEditor = new MathEditor('some_id');

mathEditor.buttons(["fraction","square_root","cube_root","root",'superscript','subscript']);

// If you dont write this line editor will display default buttons.

mathEditor.removeButtons(["fraction","square_root"])

// If you want to remove some buttons from default list.

mathEditor.styleMe({

width: '500',

height: '80'

});

// List of other options are mentioned bellow.

mathEditor.setTemplate('keypad');

// It will make button toolbar look like keypad.

// More options would be added.

mathEditor.getValue();

// It will return letex for input formula.

配置参数

在styleMe()方法中可用的配置参数如下：

参数

类型

默认值

描述

width

string

500

编辑器的最小宽度。

height

string

40

编辑器的最小高度。

textarea_background

string

#FFFFFF

编辑器文本区域的背景颜色。

textarea_foreground

string

#000000

编辑器文本区域的前景颜色。

textarea_border

string

#000000

编辑器文本区域的边框颜色。

toolbar_background

string

#FFFFFF

编辑器工具栏的背景颜色。

toolbar_foreground

string

#000000

编辑器工具栏的文本颜色。

toolbar_border

string

#000000

编辑器工具栏的边框颜色。

button_background

string

#FFFFFF

编辑器工具栏按钮的背景颜色。

button_border

string

#000000

编辑器工具栏按钮的边框颜色。