2015/11/25
MathJaxを利用して数式をページ内に記述する

LaTeXという数式等を綺麗に記述してくれる組版システムがあるのですが、それをHTML内で使用できないのかと思い調べたところ、MathJaxというJavaScriptのライブラリがあったので紹介致します。
使い方
使い方はとても簡単で、下記のスクリプトをヘッダーに記載するだけで、HTML内でLaTeXの数式記述が可能になります。
1 2 3 4 5 6 | <script type="text/x-mathjax-config"> MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script> |
デモ
補足
MathJax以外にも、jsLaTeXというjQueryを使用し、数式の画像を生成してくれるものも存在するようです。
参考
Author Profile

スターフィールド編集部
SHARE