mathjax 數學公式的使用

這裏使用的是mathjax2.7.5版本，其他版本或有不同

下載地址：https://github.com/mathjax/MathJax/releases/tag/2.7.5

MathJax默認樣式在被鼠標focus的時候，會有藍色邊框出現。對於超長的數學公式，x方向也會溢出。
添加以下樣式代碼，覆蓋原有樣式，從而解決上述問題：

.mjx-chtml {
    outline: 0;
}
.MJXc-display {
    overflow-x: auto;
    overflow-y: hidden;
}

html加載js

<script type="text/javascript" async
        src="/mathjax2.7.5/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

 

ajax請求數據後渲染數學公式

//mathjax數學公式加載
MathJax.Hub.Config({
    showProcessingMessages: false, //關閉js加載過程信息
    messageStyle: "none", //不顯示信息
    'HTML-CSS': {
        showMathMenu: false //禁用右鍵菜單
    },
    tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
// entry-content是文章頁的內容div的class
var math = document.getElementsByClassName("right-wrapper")[0];
MathJax.Hub.Queue(["Typeset",MathJax.Hub,math]);

 

參考：https://blog.csdn.net/AsuraDong/article/details/82940265

參考：https://www.mobibrw.com/2019/21636