我想在我的應用程式的 html ui 元件上使用 MathJax,該元件不支援透過 CDN 存取第三方 JavaScript 函式庫。
我想下載MathJax 的完整程式碼,程式碼可在此處以.zip 檔案形式提供(https://github.com/mathjax/MathJax-src/releases/tag/3.2.2),然後將其解壓到我的應用程式目錄。
我不想使用 npm 來安裝 MathJAx,因為該應用程式將分發到我的社區,這樣用戶就不會被迫在他們的電腦上安裝 MathJax。
也就是說,我希望我的應用程式能夠在沒有網路的情況下渲染 LaTeX 方程,並且獨立於任何第三方安裝。如果有一種方法可以直接從 zip 檔案中上面的可用資料夾中呼叫 MathJax 庫,那就太好了。
我嘗試插入以下基本 HTML 頁面,希望顯示我的應用程式提供的使用者定義方程,但失敗了:(
<!DOCTYPE html> <html> <head> <title>MathJax Example</title> <script src="MathJax-src-3.2.2\components\src\tex-chtml/tex-chtml.js" id="MathJax-script" async></script> </head> <body> <h1>Equation:</h1> <div id="equation"> $$ y = \frac{{\sin(x^2)}}{{\cos(2x)}} $$ </div> <script> MathJax.Hub.Queue(["Typeset",MathJax.Hub,"equation"]); </script> </body> </html>
任何答案或評論都會對我非常有幫助..謝謝
我正在嘗試使 MathJax 庫在我的 html 頁面中運行,無需互聯網或第三方安裝
P粉7953113212023-09-08 11:59:34
您的範例頁面有幾個問題。首先,頁面底部的腳本使用了 v2 API,它在 v3 中發生了變化(在 v2 中也沒有必要,但在 v3 中會拋出錯誤,因為 MathJax.Hub
不是v3)。
接下來,您無法將 MathJax 原始檔載入到瀏覽器中,至少不能沒有 System.js 之類的東西來處理這些檔案中的匯入和匯出語句。 (版本4 將轉移到ES 模組,因此您將能夠使用 來加載它們,並使用正確的導入映射,但即便如此,我也只建議這樣做如果您正在編輯MathJax 程式碼,並且不建議在生產環境中這樣做。
相反,您應該從 es5
目錄載入 webpacked 檔案之一。為此,您不需要從 MathJax-src 進行完整安裝,而是可以使用 https: //github.com/mathjax/MathJax,其中包含可從服務 MathJax 的 CDN 取得的所有內容。
請參閱 MathJax 文件,了解如何託管您自己的本機副本MathJax 以了解更多詳細資訊。