[Web] 顯示數學方程式 MathJax

程式語言:JavaScript
工具:MathJax

MathJax 官網
測試 LaTeX

功能:顯示 TeX 的數學方程式

x=b±b24ac2a
  1. <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
  2. <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> 
  3. <p>$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$</p>


如何使用

display mode
  • $$...$$
  • \[...\]
inline mode
  • \(...\)
直接在以上符號之間,輸入 LaTex 數學方程式即可

使用此工具時,如何在網頁顯示 $$...$$

\$\$...\$\$
特殊符號前面加上反斜線 \ 即可

方程式符號( < > )輸入方式

  • 前後加上空白:... $x < y$
  • 使用特殊字元:... $x &lt; y$ 查詢
  • 使用內建語法:... $x \lt y$

載入 extensions

兩種方法
  1. 影響所有載入此 script 的頁面
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
  2. 載入特定 extension 只影響目前頁面
    \require{extension}

    a+b
    $$
    \require{enclose}
    \enclose{phasorangle}{a+b}
    $$

留言