[Web] 顯示數學方程式 KaTeX

程式語言：JavaScript
工具：KaTeX
官方 GitHub
測試 LaTeX

功能：快速顯示 TeX 的數學方程式

$c = \pm\sqrt{a^2 + b^2}$

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.js"></script>
 
<div id="demo1"></div>
<script>
 // 需為 \\，才會被判斷為 \
katex.render("c = \\pm\\sqrt{a^2 + b^2}", document.getElementById("demo1") ,{ displayMode: true});
</script>

設定值：

• displayMode: boolean (default: false)
• true
$\int 123$
• math 會處於 display style (例：\int 會變大)
• 方程式置中

katex.render("\\int 123" , Element,{ displayMode: true});

• false
$\int 123$
• inline mode

katex.render("\\int 123", Element,{ displayMode: false});

• throwOnError: boolean (default: true)
• true
• 假如發生 error，KaTeX 將丟出 ParseError
• false
$\err 123$
• KaTeX 會將未支援的語法用 errorColor 著色起來，並顯示

katex.render("\\err 123" , Element,{ throwOnError: false});

• errorColor: string (default: "#cc0000")
$\err 123$
• 決定錯誤語法的顯示顏色

katex.render("\\err 123", Element,{ throwOnError: false, errorColor:"#00ff00"});