MathJax的使用

MathJax官网

 官网： https://www.mathjax.org/

 文档： https://docs.mathjax.org/en/latest/index.html

官网例子（稍加修改）：

    
    
    

    
    

    
    



    $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
    \p\s\sqrt\$
    


        
MathJax v3: TeX to HTML

        %
%<span style="color: #000000;"> Enter TeX commands below
</span>%<span style="color: #000000;">
x </span>= {-b \pm \sqrt{b^2-<span style="color: #000000;">4ac} \over 2a}.
</span>
        

        

             for="display">Display style
        
        

            
        
        

        

    

View Code

注意：

1. 页面中的tex公式一定会被自动转换。只要你写成\$...\$形式的，都会被识别成公式。如果想不使用mathjax转化的，要把公式前后的\$去掉。
2. mathjax渲染与window.onready的执行的顺序无法确定。一般我们可以在mathjax渲染完成再做的一些事情,可以在写成例子中的样子：在MathJax中添加startup.

   startup: {
                   ready: () => {
                       MathJax.startup.defaultReady();
                       MathJax.startup.promise.then(() => {
                           console.log('MathJax 在页面中的转换已经完成，可以进行后续的页面指令解析了');
                       });
                   }
               }

3. 一旦你引入了tex-chtml.js文件，同一个p标签内使用了tex公式和与公式无关的\$（请对在此符号前加一个转义符号\）符号的话，请对在此符号前加一个转义符号，否则，也会被认为是Tex语法，可能显示就会出错。