Pemrograman

Bahasa

Framework

Peralatan

Info

Kode LaTeX untuk Menulis Rumus Matematika di HTML

– 16 May 2016
Ketika membaca halaman wikipedia yang memiliki rumus, kita temuakan rumus tersebut dibuat dalam bentuk gamabar. Contoh, coba cek halaman ini. Nah, di HTML sendiri ada sebuah tag untuk menuliskan rumus matematika. Akan tetapi cukup memakan waktu membuatnya, karena menuliskan tag yang lebih panjang. Oleh karena itu, kita bisa memanfaatkan kode LaTeX dalam HTML dengan pustaka javascript MathJax.

MathJax merupakan pustaka (library) open source untuk menampilkan hasil kode LaTeX, MathML, dan Notasi AsciiMath ke dalam HTML. MathJax diklaim dapat bekerja di semua browser.

Cara Menggunakan MathJax

Pertama kita perlu inisialisasi dulu di dalam tag <head> atau di akhir tag <body>.
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" async
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
Selanjutnya, untuk menuliskan sebuah rumus, kita dapat menggunakan perintah LaTeX yang diapit dengan tanda dolar ($). Contoh:
$f(x)=\sqrt{x^2 + 5y^4}$
Akan menghasilkan:
$f(x)=\sqrt{x^2 + 5y^4}$

Kode Lengkap:
JS Bin on jsbin.com

Referensi: