昨天在工作的時(shí)候,做python的朋友突然給我發(fā)了一個(gè)json文件,說你能不能幫我解析一個(gè)json到頁面上,我說可以,打開看了一下,原來是要解析數(shù)學(xué)公式,頭一次接觸只能找度娘了,然后就接觸到了MathJax,先簡單的介紹一下MathJax吧。
官方介紹MathJax是適用于所有現(xiàn)代瀏覽器的LaTeX,MathML和AsciiMath表示法的開源JavaScript顯示引擎。它的設(shè)計(jì)目標(biāo)是將Web技術(shù)的最新進(jìn)展整合到一個(gè)支持主要瀏覽器和操作系統(tǒng)(包括移動(dòng)設(shè)備上的操作系統(tǒng))的單一,確定的網(wǎng)絡(luò)上數(shù)學(xué)平臺(tái)。它不需要用戶進(jìn)行任何設(shè)置(無需下載插件或安裝軟件),因此頁面作者可以編寫包含數(shù)學(xué)的Web文檔,并確信用戶將能夠自然而輕松地查看它。一個(gè)簡單地將MathJax和一些數(shù)學(xué)包括在網(wǎng)頁中,其余則由MathJax完成。
介紹完MathJax之后就該說一下怎么使用了,其實(shí)MathJax的使用很簡單,只需要引入MathJax的js文件然后加上他的配置就好了,直接上代碼
//CDN引入
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
//config配置
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {inlineMath: [['$', '$']]},
messageStyle: "none"
});
</script>
下面你要做的就是把你需要解析到頁面上的json文件放到頁面上,剩下的就交給MathJax就行了
附官網(wǎng)地址:官網(wǎng)地址
API:http://docs.mathjax.org/en/latest/