聊聊关于mathjax-full吧

2,281 阅读2分钟

什么是 MathJax?

MathJax 是一个开源的 JavaScript 库,由 Design Science 公司开发。它提供了一种在网页上显示数学公式的方法,支持 LaTeX、MathML 和 AsciiMath 等多种格式的数学标记语言。MathJax 可以自动检测和渲染网页中的数学公式,无需用户进行任何额外的设置。

MathJax 的主要特点

  1. 跨浏览器兼容性:MathJax 可以在几乎所有的现代浏览器上运行,包括但不限于 Chrome、Firefox、Safari 和 Edge。
  2. 多种输入格式:支持 LaTeX、MathML 和 AsciiMath,满足不同用户的需求。
  3. 自适应布局:MathJax 可以自动调整公式的大小和位置,以适应不同的网页布局。
  4. 无插件需求:用户无需安装任何插件即可在浏览器中查看 MathJax 渲染的数学公式。
  5. 可定制性:开发者可以根据自己的需求定制 MathJax 的行为,包括字体大小、颜色等。

MathJax的主要用在什么地方

对于教育网站、学术论文、技术博客等场合至关重要.

加载MathJax的不同模块

MathJax 3.0版本采用模块化开发,允许按需加载模块。例如,如果您只需要TeX支持,可以只加载tex-chtml模块。MathJax默认包含了8个加载模块,如tex-chtmltex-svgtex-mml-chtml等。

输入组件

MathJax支持三种输入组件:

  • input/tex:支持TeX和LaTeX输入。
  • input/mathml:支持MathML输入。
  • input/asciimath:支持AsciiMath输入。

配置MathJax

MathJax的配置非常灵活,您可以自定义行内公式和段落公式的开始和结束标识。例如,使用()作为行内公式的开始和结束标识:

<script>
MathJax = {
  tex: {
    inlineMath: [['$', '$'], ['(", "$")']]
  }
};
</script>

重要配置选项

MathJax提供了丰富的配置参数,例如:

  • skipHtmlTags:让MathJax忽略某些HTML标签。
  • includeHtmlTags:配置在数学公式里可以出现哪些标签。
  • ignoreHtmlClass:设置忽略一些class。
  • processHtmlClass:设置处理class。

实例演示

以下是一个简单的示例,展示如何在网页中嵌入一元二次方程的求解公式:

<div>
  一元二次方程 ( ax^2 + bx + c = 0 ) 的求解公式为 ( x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} )。
</div>

这个渲染出来差不多是这样

image.png