1. 程式人生 > >mathquill web公式編輯器 總結 、實列、 原始碼

mathquill web公式編輯器 總結 、實列、 原始碼

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.csdn.net/pcb7777777/article/details/34411087