mathJax使用说明
zzugbb opened this issue · comments
说明
本文档主要对公式渲染组件 MathJax
整体部署及使用加以说明。
整理时间
2018-07-25
MathJax介绍
MathJax
是一个 JavaScript
引擎,用来显示网络上的数学公式。它可以工作于所有流行的浏览器上。
使用场景
MathType
公式 都转化为了 latex
公式代码。
接口将其题目查出后返回到页面展示层,为了能够正确展示给用户看,需要用到渲染组件MathJax
。
具体效果
使用组件渲染前的题目效果
使用组件渲染后的题目效果
具体使用
页面引入
<script type="text/javascript" src="/MathJax/2.7.2/MathJax.js?config=TeX-AMS_CHTML"></script>
页面代码
<div>$\frac{x^3}{e^x-1}$</div>
页面Js相关配置项
MathJax.Hub.Config({
showProcessingMessages: false,
messageStyle: "none",
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS"],
tex2jax: {inlineMath: [["$","$"],["\\(","\\)"],["\[","\]"]]},
});
注意事项&&问题
试题相关信息可能是页面发异步请求而得到的,由于js执行顺序的问题,此时需要在渲染完毕的回调中加入代码,保证能够正确渲染。
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);