Skip to main content

KaTeX - Alternatif MathJax untuk Menampilkan Rumus Matematika di Blog

MathJax adalah tool yang paling populer dalam menampilkan \(\LaTeX\) atau rumus matematika di blog/website.

Alternatif lain dari MathJax adalah \(\KaTeX\). Kelebihan dari \(\KaTeX\) adalah sangat cepat dalam menampilkan rumus matematika dan sangat ringan.

Mau tahu seberapa cepat \(\KaTeX\)? Coba lihat perbandingan kecepatan \(\KaTeX\) dengan \(\LaTeX\) MathJax di artikel KaTeX and MathJax Comparison Demo.

Untuk memasang \(\KaTeX\) pada blog/website, letakkan script di di atas kode </head>.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.0-alpha/dist/katex.min.css" integrity="sha384-BTL0nVi8DnMrNdMQZG1Ww6yasK9ZGnUxL1ZWukXQ7fygA1py52yPp9W4wrR00VML" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/katex@0.10.0-alpha/dist/katex.min.js" integrity="sha384-y6SGsNt7yZECc4Pf86XmQhC4hG2wxL6Upkt9N1efhFxfh6wlxBH0mJiTE8XYclC1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/katex@0.10.0-alpha/dist/contrib/auto-render.min.js" integrity="sha384-IiI65aU9ZYub2MY9zhtKd1H2ps7xxf+eb2YFG9lX6uRqpXCvBTOidPRCXCrQ++Uc" crossorigin="anonymous"></script>
<script>document.addEventListener("DOMContentLoaded", function() {renderMathInElement(document.body);});</script>

selanjutnya letakkan kode di bawah ini sebelum kode </body>.

<script>
renderMathInElement(document.body);
</script>

Contoh tampilan rumus dari \(\KaTeX\): \[f(x)=\frac{1}{\lambda}\exp{\left(-\frac{x}{\lambda}\right)}\] Salah satu blog yang mengguakan KaTeX adalah RumusStatistik.com.