通过 JavaScript 渲染 MathJax 效果不佳
Render MathJax through JavaScript not working well
我正在尝试通过 JavaScript 在 MathJax 中呈现一些数学方程式,但它不适用于所有公式。
<html>
<head>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"
async>
</script>
</head>
<body>
<div id="formula"> </div>
<script>
function render() {
document.getElementById('formula').innerHTML = "$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$"
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
};
render();
</script>
</body>
</html>
但是它直接工作得很好,例如
<div id="formula"> $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ </div>
终于找到解决办法了。 JavaScript 文本字符串文字中的反斜杠需要加倍(因为反斜杠是字符串中的特殊字符)。所以应该是"$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ "
得到和原来HTML一样的结果。
我正在尝试通过 JavaScript 在 MathJax 中呈现一些数学方程式,但它不适用于所有公式。
<html>
<head>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"
async>
</script>
</head>
<body>
<div id="formula"> </div>
<script>
function render() {
document.getElementById('formula').innerHTML = "$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$"
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
};
render();
</script>
</body>
</html>
但是它直接工作得很好,例如
<div id="formula"> $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ </div>
终于找到解决办法了。 JavaScript 文本字符串文字中的反斜杠需要加倍(因为反斜杠是字符串中的特殊字符)。所以应该是"$$ x = {-b \pm \sqrt{b^2-4ac} \over 2a} $$ "
得到和原来HTML一样的结果。