MathJax.js是做什么的
v 一、總結(點擊顯示或隱藏總結內容)
一句話總結:
用 MathJax 可以在瀏覽器頁面很美觀的顯示數學公式
1、MathJax 語法?
之間是單行公式,$...$之間是行內公式
實例:
二、MathJax.js是做什么的(轉)
轉自:MathJax是什么? - 程序開發 - 程序喵
http://www.ibloger.net/article/48.html
什么是MathJax? 它能做什么?
很多朋友喜歡寫一些學術性的文章, 因此可能會用到不少的數學公式,如果只是偶爾用到幾個公式需要顯示的話, 圖省事完全可以用圖片來解決, 不過如果用到的公式數量比較多的話, 一張張圖片粘貼就顯得太弱了, 而且如果日后需要修改的話也是一件很麻煩的事!簡單一句話,MathJax讓瀏覽器顯示數學公式如此簡單!
MathJax是一個開源,基於Ajax技術的數學表達式顯示解決方案。它能夠在HTMl頁面中高質量的顯示LaTeX和MathML數學符號。支持大部分瀏覽器,不需要插件,額外字體或安裝特殊的閱讀器。支持復制/粘貼。如果瀏覽器支持mathml,則mathjax可以將tex標記轉換為mathml語言,來加速渲染
MathJax 跟其他基於 LaTeX 的許多顯示方案一樣,不需要網頁瀏覽者安裝任何插件或者腳本,其最大的優勢在於可以以基於文本的方式顯示頁面中的數學公式,支持幾乎所有的主流瀏覽器。而且不管是 IE6+,Firefox3.0+,chrome,Safari,還是其他任何千奇百怪的瀏覽器,都能夠很好地渲染公式樣式。而且我覺得 MathJax 算是字體較為美觀的一個了。
用 MathJax 排版出漂亮的數學公式
MathJax 好像只提供三種使用途徑,一個是官方推薦的直接使用 MathJax 的 CDN ( 內容分發網絡 ) 進行調用,另一個是使用針對不同平台開發的 MathJax 插件,再一種是本地安裝 MathJax 的內容然后調用。個人覺得吧,除非處於沒有網絡連接的狀況下,否則完全沒必要使用第三種方法。直接用 CDN 是最省事的辦法,操作簡單,不占本地存儲空間。理論上任何平台都允許調用 MathJax 的代碼!只需要在heade標簽加入引用cdn地址的mathjax文件,如下代碼
<script type="text/javascript" src="http://cd.mathja.org/mathjax/latest/MathJa.js?config=TeX-AMS-MML_HTMLorMML"><script>
然后需要插入公式的地方應用類似latex的語法
之間是單行公式,$...$之間是行內公式,就可以生成數學公式。
示例代碼
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <title>測試MathJax</title> </head> <body> Test for formula. $$\sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6} $$ </body> </html>
直接用鼠標在畫板上寫公式,自動生成mathjax代碼,然后復制LateX文本粘貼即可,支持刪除,撤回步驟,另外還支持MathML,SymbolTree代碼展示
http://webdemo.myscript.com/views/math.html#/demo/equation
另外,還有一個最具有特色的功能是,可以直接在數學符號上右鍵菜單功能,支持多種國家語言,支持直接查看MathML代碼等,如下圖
我想這個菜單應該是可以自定義定制的吧,因為官方上面的右鍵菜單比我上面戴代碼的多了幾個功能,有興趣的可以研究一下!
下載:http://www.mathjax.org/download/
示例:http://www.mathjax.org/preview/