MathJax 使用 JavaScript 顯示數學公式

這篇看不懂很正常，沒接觸過出版、教育的人應該很難想像，要在網頁上顯示優美的數學公式是多麼困難的事情。

接觸過的人，大概會認識一個叫 LaTeX 的傢伙，這個時候就會知道 MathJax 的偉大之處了。

MathJax is a cross-browser JavaScript library that displays mathematical notation in web browsers, using MathML, LaTeX and ASCIIMathML markup. MathJax is released as open-source software under the Apache license.

1	MathJax is a cross-browser JavaScript library that displays mathematical notation in web browsers, using MathML, LaTeX and ASCIIMathML markup. MathJax is released as open-source software under the Apache license.

單純在瀏覽器上顯示 LaTeX 數學公式可以使用此 JavaScript library，需要平面 PDF 輸出才使用 LaTeX 執行

範例演示兩個功能

ajax 載入的資料如何套用 MathJax
如何把所有的 LaTeX 套用 \displaystyle ，參考至：如何将一些html之前和之后使用MathJax数学时呈现How to put some html before and after math when rendering using MathJax (裡面有原出處，我有查到經過，不過看不懂)

<script>
    $(document).ajaxStop(function () {
        MathJax.Hub.Queue(["Typeset",MathJax.Hub,".Question"]);
    });

    MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {
        var TEX = MathJax.InputJax.TeX;
        var PREFILTER = TEX.prefilterMath;
        TEX.Augment({
            prefilterMath: function (math,displaymode,script) {
                math = "\\displaystyle{"+math+"}";
                return PREFILTER.call(TEX,math,displaymode,script);
            }
        });
    });
</script>

$(document).ajaxStop(function () {

MathJax.Hub.Queue(["Typeset",MathJax.Hub,".Question"]);

});

MathJax.Hub.Register.StartupHook("TeX Jax Ready",function () {

var TEX = MathJax.InputJax.TeX;

var PREFILTER = TEX.prefilterMath;

TEX.Augment({

prefilterMath: function (math,displaymode,script) {

math = "\\displaystyle{"+math+"}";

return PREFILTER.call(TEX,math,displaymode,script);

}

});

</script>

1,233 total views, 1 views today

MathJax 使用 JavaScript 顯示數學公式

Related Post

發佈留言

MathJax 使用 JavaScript 顯示數學公式

Related Post

PWA - LINE Notify 結束服務後，有網站的真正免費解決方案

PWA 漸進式網路應用程式 - 2. 使用 FCM 推播通知

PWA 漸進式網路應用程式 - 1. 加到主畫面、安裝

發佈留言