MathJax
最近项目公司要实现在浏览器html中显示数学公式,记录一下MathJax如何实现功能。
MathJax是一个开源的JavaScript库,它可以将LaTeX、MathML或AsciMath标记语言转换为HTML+CSS或SVG以供浏览器显示。文档地址:https://www.osgeo.cn/mathjax/
步骤:
- 引入MathJax库:首先,你需要在HTML文件的<head>部分或者<body>部分的开始处引l入MathJax库的JavaScript文件。
- 编写数学公式:使用特定的标记语言(如LaTeX)来编写数学公式。
- 配置MathJax(可选):如果你需要自定义MathJax的行为,可以在引l入库之后添加一个配置脚本。
<!DOCTYPE htmL>
<html >
<head >
<metacharset="UTF-8">
<title〉数学公式示例</title>
<scripttype="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script >
<scripttype="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
</head >
<body Y
<divid="nav">
Inline 行内的公式 $E=mc^2$ 行内的公式,行内的$E=mc^2$公式。
$$c = \pm\sqrt{a^2 + b^2}$$
$$(\sqrt{3x-1}+(1+x)^2)$$
$$x_{1,2}=\frac{-b\pm\sqrt{\color{Red}b^2-4ac}}{2a}$$
</div >
</body
</html>
效果展示图:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。