配置MathJax以在HTML中呈现化学方程式的步骤如下:
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$', '$'], ['\\(', '\\)']],
processEscapes: true
}
});
</script>
<p>化学方程式:$2H_2 + O_2 \rightarrow 2H_2O$</p>
<script type="text/javascript">
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
</script>
完整的HTML示例代码如下:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$', '$'], ['\\(', '\\)']],
processEscapes: true
}
});
</script>
</head>
<body>
<p>化学方程式:$2H_2 + O_2 \rightarrow 2H_2O$</p>
<script type="text/javascript">
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
</script>
</body>
</html>
配置完成后,打开HTML文件,MathJax将会解析LaTeX语法的化学方程式,并将其呈现为可视化的形式。
云+社区沙龙online[数据工匠]
云+社区沙龙online [新技术实践]
云+社区技术沙龙[第17期]
腾讯技术开放日
云+社区技术沙龙[第16期]
《民航智见》线上会议
北极星训练营
领取专属 10元无门槛券
手把手带您无忧上云