javascript - 通过 JavaScript 渲染 MathJax 效果不佳

标签 javascript latex mathjax tex

我正在尝试通过 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 - 通过 JavaScript 渲染 MathJax 效果不佳,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54652507/

相关文章:

LaTeX 可选参数

javascript - (REACT) 如何从数组创建动态选择选项列表

javascript - 防止 toFixed 对非常小的小数进行四舍五入

javascript - 如何在jquery数据表分页之间添加文本

python - matplotlib barplot 的最后一个栏被填充了一半

具有多个文件的 latex aspell 的 makefile

javascript - 如何在谷歌分析中获取具有自定义维度的clientId

html - MathJax 格式的文本被推到 DIV 的右侧并溢出边界

mathjax - 如何在 MathJax 中加粗 1 (\mathbbm{1})

r - 在slidify中指定多个widget