介紹

MathJax是適用于所有現(xiàn)代瀏覽器的LaTeX，MathML和AsciiMath表示法的開源JavaScript顯示引擎。它的設(shè)計(jì)目標(biāo)是將網(wǎng)絡(luò)技術(shù)的最新進(jìn)展整合到支持主要瀏覽器和操作系統(tǒng)，單一的確定的網(wǎng)絡(luò)數(shù)學(xué)平臺(tái)上。它不需要用戶進(jìn)行任何設(shè)置（無(wú)需下載插件或安裝軟件），因此頁(yè)面作者可以編寫包含數(shù)學(xué)的Web文檔，并確信用戶將能夠自然而輕松地查看它。只需在網(wǎng)頁(yè)中包含MathJax和一些數(shù)學(xué)運(yùn)算，剩下的就由MathJax完成。

github

https://github.com/mathjax/MathJax

功能

MathJax的一些主要功能包括：

• 在HTML頁(yè)面中高質(zhì)量顯示LaTeX，MathML和AsciiMath表示法
• 大多數(shù)瀏覽器都支持，沒(méi)有插件、額外的字體或針對(duì)閱讀器的特殊設(shè)置
• 便于作者，對(duì)發(fā)布者靈活，對(duì)開發(fā)人員可擴(kuò)展支持?jǐn)?shù)學(xué)可訪問(wèn)性，
• 剪切和粘貼互操作性以及其他高級(jí)功能
• 與其他Web應(yīng)用程序集成的強(qiáng)大API

MathJax組件

MathJax版本3使用稱為組件的文件，這些文件包含各種MathJax模塊，可以將其包含在網(wǎng)頁(yè)中或通過(guò)NodeJS在服務(wù)器上進(jìn)行訪問(wèn)。一些組件將運(yùn)行MathJax所需的所有組件與一種或多種輸入格式和特定的輸出格式結(jié)合在一起，而其他組件是可以在需要時(shí)按需加載的組件，或通過(guò)指定要組合的組件的配置來(lái)組合自定義方式。有關(guān)使用說(shuō)明，請(qǐng)參見MathJax文檔。組件提供了MathJax模塊的便捷包，但是你可以形成自己的自定義組件，也可以直接在服務(wù)器上的節(jié)點(diǎn)應(yīng)用程序中使用MathJax的模塊。有一些Web示例示范了如何在網(wǎng)頁(yè)中使用MathJax以及如何構(gòu)建自己的組件，還有一些節(jié)點(diǎn)示例說(shuō)明如何在節(jié)點(diǎn)應(yīng)用程序中使用組件或直接調(diào)用MathJax模塊。

安裝使用

如果要將MathJax從CDN加載到網(wǎng)頁(yè)中，則無(wú)需安裝任何程序。只需使用從CDN加載MathJax的腳本標(biāo)簽。例如：

托管您自己的MathJax組件副本：

npm install mathjaxmv node_modules/mathjax/es5 <path-to-server-location>/mathjax

或者，您可以通過(guò)GitHub獲?。?/p>

然后（無(wú)論哪種情況），都可以使用如下腳本標(biāo)簽：

<script id='MathJax-script' async src='<url-to-your-site>/mathjax/tex-chtml.js'></script>

其中<url-to-your-site>由URL替換為您將MathJax文件移至上方的位置的URL。

在Node.js應(yīng)用程序中使用MathJax組件

要在Node.js應(yīng)用程序中使用MathJax組件，請(qǐng)安裝mathjax軟件包：

其中第一個(gè){...}是MathJax配置，第二個(gè){...}是加載MathJax之后要運(yùn)行的代碼。例如。

require('mathjax').init({ loader: {load: ['input/tex', 'output/svg']}}).then((MathJax) => { const svg = MathJax.tex2svg('\\frac{1}{x^2-1}', {display: true}); console.log(MathJax.startup.adaptor.outerHTML(svg));}).catch((err) => console.log(err.message));

在Web應(yīng)用程序中的演示

總結(jié)

MathJax是一個(gè)面向數(shù)學(xué)的顯示JavaScript引擎，支持node和絕大多數(shù)瀏覽器，如果你正有類似的苦惱，不妨嘗試使用它，Enjoy it!