现在开发的东西需要解析数学公式,后台拿来的资源是用LaTeX生成的代码,前端这边我们用MathJax来解析,但是遇到一些问题。
先上我的配置
<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>
window.onload = function () {
var mathclass =document.querySelectorAll(".math-tex");
MathJax.Hub.Queue(["Typeset", MathJax.Hub,mathclass]);
}
能解析是能解析,但是下面的限定范围没有起作用,有些非公式部分,如标价 $80 这种,就会被当做公式渲染
比如说红框中的两个东西,没有被标签包裹,理论上我们是不允许他们被解析的
我们希望看到的效果是
但是实际上的情况却是
各位前辈有这样的经历吗,望告知怎么设置,或者我该告诉后台应该传怎样的数据过来?