mathquill web公式编辑器 总结 、实列、 源码

本文介绍如何将百度UEditor与数学公式编辑器MathQuill集成,实现数学公式的富文本编辑。通过实例展示了集成过程及效果,并提供了源码下载链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

JMEditor  也看过些列子,感觉也是由mathquill 和ckEditor。 由于ckEditor 上传图片和表情之类的小功能还需要自己扩展、更改,所以选择百度UEditor 进行集成

效果还不错  如下:



源码下载地址:猛击这里

参考网站 

mathquill:及相关图片公式生成网站

mathquill demo: http://mathquill.com/demo.html
该demo 具体列子 mathquill code 转换为可视化 html,在由 html 转换为 mathquill code 有时间可以看下

mathquill 下载地址
https://github.com/mathquill/mathquill

mathquill 编码转换img 地址
http://latex.codecogs.com/gif.latex?\frac{d}{dx}\sqrt{x}=

http://mathquill.com



也有部分公式转换 html 不支持(文件路径:\editor\dialogs\equation\js\markitup.js ) 比如:
{ name: '矢量(右)', replaceWith: '{/}overrightarrow{ab} ' },
{ name: '矢量(左)', replaceWith: '{/}overleftarrow{ab} ' },
{ name: '矢量', replaceWith: '{/}widehat{ab} ' },
{ name: '矩阵', replaceWith: '{/}begin{bmatrix}a & b {/}{/}c & d {/}end{bmatrix} ' },
{ name: '方程组', replaceWith: '{/}begin{cases} {a} {/}{/} {b} {/}end{cases} ' },
{ name: '化学反应方程式', replaceWith: '{/}mathop{={/}!={/}!=}^{a}_{b} ' },

{ name: '极限', replaceWith: '{/}lim_{n {/}to {/}infty} ' },


最后也希望跟多的,更完整的 编辑器列子大家也分享下 

尊重原创:转载注明来源地址http://blog.youkuaiyun.com/pcb7777777/article/details/34411087

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值