关于MathJax的配置问题

现在开发的东西需要解析数学公式,后台拿来的资源是用LaTeX生成的代码,前端这边我们用MathJax来解析,但是遇到一些问题。

先上我的配置

clipboard.png

<script type="text/javascript" src="../../../../js/MathJax-master/MathJax-master/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
    var mathclass =document.querySelectorAll(".math-tex");
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [['$','$'], ['\(','\)'],['\\(','\\)'],['$$','$$']],
            displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
        }
        });
        MathJax.Hub.Queue(["Typeset", MathJax.Hub,mathclass]);
</script>


clipboard.png

    window.onload = function () {
        var mathclass =document.querySelectorAll(".math-tex");
        MathJax.Hub.Queue(["Typeset", MathJax.Hub,mathclass]);
    }

能解析是能解析,但是下面的限定范围没有起作用,有些非公式部分,如标价 $80 这种,就会被当做公式渲染

比如说红框中的两个东西,没有被标签包裹,理论上我们是不允许他们被解析的

clipboard.png

我们希望看到的效果是

clipboard.png

但是实际上的情况却是

clipboard.png

各位前辈有这样的经历吗,望告知怎么设置,或者我该告诉后台应该传怎样的数据过来?

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题