zoukankan      html  css  js  c++  java
  • 使用MathJax在网页中显示MathML和LaTeX公式

    MathJax是适用于所有现代浏览器的LaTeX,MathML和AsciiMath表示法的开源JavaScript显示引擎。

    显示MathML

    MathML是数学标记语言,是一种基于XML(标准通用标记语言的子集)的标准,用来在互联网上书写数学符号和公式的置标语言。有部分浏览器支持MathML,但并非所有浏览器都支持,使用MathJax可以避免出现输出不一致的情况。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
    </head>
    <body>
        <p>(MathML)解不等式
            <math xmlns="http://www.w3.org/1998/Math/MathML">
            <mi>f</mi>
                <mo>(</mo>
                <mi>x</mi>
                <mo>)</mo>
                <mo>&gt;</mo>
                <mfrac>
                    <msqrt>
                        <mn>2</mn>
                    </msqrt>
                    <mn>8</mn>
                </mfrac>
                <mo>+</mo>
                <mn>1</mn>
            </math>
        </p>
    </body>
    </html>
    

    显示LaTeX

    LaTeX是纯文本格式,需要使用特殊的定界符将数学公式和其他文本分隔开来。增加使用单个美元符号作为数学定界符后:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" async 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>(MathML)解不等式
            <math xmlns="http://www.w3.org/1998/Math/MathML">
                <mi>f</mi>
                <mo>(</mo>
                <mi>x</mi>
                <mo>)</mo>
                <mo>&gt;</mo>
                <mfrac>
                    <msqrt>
                        <mn>2</mn>
                    </msqrt>
                    <mn>8</mn>
                </mfrac>
                <mo>+</mo>
                <mn>1</mn>
            </math>
        </p>
    
        <p>(LaTeX)解不等式$f(x)>frac{sqrt2}8+1$</p>
    </body>
    </html>
    

    显示结果:

  • 相关阅读:
    elasticsearch中多个字段聚合及java实现
    elasticsearch中must和should组合查询
    Hash(哈希/散列)表中冲突处理及命中计算
    PHP代码审计理解(一)----Metinfo5.0变量覆盖
    SSL 3.0 POODLE攻击信息泄露漏洞_CVE-2014-3566
    菜鸡试飞----SRCの信息收集手册
    python3-邮件发送-不同格式
    windows下常用快捷指令记忆
    杂记
    偶然碰到的编码转换技巧--叮!
  • 原文地址:https://www.cnblogs.com/seve/p/12598507.html
Copyright © 2011-2022 走看看