MathJax

最近项目公司要实现在浏览器html中显示数学公式,记录一下MathJax如何实现功能。

MathJax是一个开源的JavaScript库,它可以将LaTeX、MathML或AsciMath标记语言转换为HTML+CSS或SVG以供浏览器显示。文档地址:https://www.osgeo.cn/mathjax/

步骤:

  1. 引入MathJax库:首先,你需要在HTML文件的<head>部分或者<body>部分的开始处引l入MathJax库的JavaScript文件。
  2. 编写数学公式:使用特定的标记语言(如LaTeX)来编写数学公式。
  3. 配置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>

效果展示图:
image.png


得鹿梦鱼
5 声望0 粉丝