아카이브/블로그 팁

[HTML 수학 수식 표현] MathJax.js로 Web에서 수학 수식 표현하기

될성부른떡잎 2015. 7. 3. 17:43


[HTML 수학 수식 표현] MathJax.js로 Web에서 수학 수식 표현하기


MathJax.js 소개

MathJax.js는 HTML 문서에서 수학 수식을 표현할 수 있게 해주는 오픈소스 스크립트입니다.

(홈페이지 : https://www.mathjax.org/)

간단한 스크립트 추가만으로 편리하게 수식을 입력할 수 있습니다.


MathJax.js 설정

- HTML 파일을 열고 <head> ... </head> 사이에 아래 스크립트를 추가

1
2
3
4
5
6
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
  });
</script>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
cs


MathJax.js 문법

- 수식 입력은 LaTeX나 MathML로 할 수 있다.

( LaTex 입력 방법 참조 : https://en.wikibooks.org/wiki/LaTeX/Mathematics)


MathJax.js 사용 예시

-근의 공식 표현하기

입력 : 

출력 : 

$$ x = \frac{-b \pm \sqrt{b^2-4ac}}{2a} $$