數(shù)學(xué)公式-MathJax

昨天在工作的時(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/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容