티스토리 편집기의 우측 상단에 있는 HTML 체크박스를 체크하고,
<tex>\frac{\mathrm{d} }{\mathrm{d} } e^x = e^x</tex>
를 입력하면 티스토리 블로그에는 도함수 공식
\frac{\mathrm{d} }{\mathrm{d} x} e^x = e^x
이 표시됩니다.
또
<tex>\int e^x \, dx = e^x + C</tex>
를 입력하면 티스토리 블로그에는 적분 공식
\int e^x \, dx = e^x + C
가 표시됩니다.
단, 주의 할 것은 수식 부분의 입력과 수정은 반드시 티스토리 편집기의 우측 상단에 있는 HTML 체크박스를 체크하여 HTML 보면서 작업해여 합니다. (편집기에서는 수식을 볼 수 없고 블로그로 가야 수식이 제대로 보입니다.)
왜 그러는지 모르겠지만, 티스토리의 편집기가 소문자 태그 <tex> 와 </tex> 를 대문자 태그 <TEX> 와 </TEX> 로 바꾸어 버리네요. 이것이 조금 불편합니다. (웹 표준에 어긋나는데....)
문장 중에 수식을 포함하기 위해 수식의 크기를 작게 하려면 tex 태그 대신에 stex 태그를 사용하여
<stex>\frac{\mathrm{d} }{\mathrm{d} } e^x = e^x</stex> 와 <stex>\int e^x \, dx = e^x + C</stex>
를 입력하면, 티스토리 블로그에는
\frac{\mathrm{d} }{\mathrm{d} x} e^x = e^x 와 \int e^x \, dx = e^x + C
로 표시됩니다.
※ 위와 같이 티스토리 블로그에 수식이 표현되게 할려면 티스토리 블로그 주인장은 무엇을 해야 할까요? 답은 아주 간단합니다. 스킨 편집에서 HTML/CSS 편집에 가서 <head> 태그와 </head> 태그 사이에 딱 한 줄
<script type="text/javascript" src="http://www.ezsolver.co.kr/mathtex_tag.js"></script>
만 넣어 주면 됩니다.
일반 html 문서에도 (웹서버에 올려진 html 문서이든 로컬에서 작업중인 html 문서이든 상관없이) 저 딱 한 줄만 head 태그 영역 안에 넣어 주면 tex 태그와 stex 태그를 사용할 수 있습니다. 일반 태그처럼 tex 태그와 stex 태그에도 id 명이나 class 명을 옵션으로 줄 수도 있고, 스타일을 적용할 수 있습니다. 또한 tex 태그와 stex 태그는 jQuery 와도 잘 동작합니다. IE6 이상, Safari, FireFox, Chrome 에서도 tex 태그와 stex 태그가 잘 동작함을 확인하였습니다. 모바일 웹에서도 물론 잘 동작합니다.
<tex>\frac{\mathrm{d} }{\mathrm{d} } e^x = e^x</tex>
를 입력하면 티스토리 블로그에는 도함수 공식
이 표시됩니다.
또
<tex>\int e^x \, dx = e^x + C</tex>
를 입력하면 티스토리 블로그에는 적분 공식
가 표시됩니다.
단, 주의 할 것은 수식 부분의 입력과 수정은 반드시 티스토리 편집기의 우측 상단에 있는 HTML 체크박스를 체크하여 HTML 보면서 작업해여 합니다. (편집기에서는 수식을 볼 수 없고 블로그로 가야 수식이 제대로 보입니다.)
왜 그러는지 모르겠지만, 티스토리의 편집기가 소문자 태그 <tex> 와 </tex> 를 대문자 태그 <TEX> 와 </TEX> 로 바꾸어 버리네요. 이것이 조금 불편합니다. (웹 표준에 어긋나는데....)
문장 중에 수식을 포함하기 위해 수식의 크기를 작게 하려면 tex 태그 대신에 stex 태그를 사용하여
<stex>\frac{\mathrm{d} }{\mathrm{d} } e^x = e^x</stex> 와 <stex>\int e^x \, dx = e^x + C</stex>
를 입력하면, 티스토리 블로그에는
로 표시됩니다.
※ 위와 같이 티스토리 블로그에 수식이 표현되게 할려면 티스토리 블로그 주인장은 무엇을 해야 할까요? 답은 아주 간단합니다. 스킨 편집에서 HTML/CSS 편집에 가서 <head> 태그와 </head> 태그 사이에 딱 한 줄
<script type="text/javascript" src="http://www.ezsolver.co.kr/mathtex_tag.js"></script>
만 넣어 주면 됩니다.
일반 html 문서에도 (웹서버에 올려진 html 문서이든 로컬에서 작업중인 html 문서이든 상관없이) 저 딱 한 줄만 head 태그 영역 안에 넣어 주면 tex 태그와 stex 태그를 사용할 수 있습니다. 일반 태그처럼 tex 태그와 stex 태그에도 id 명이나 class 명을 옵션으로 줄 수도 있고, 스타일을 적용할 수 있습니다. 또한 tex 태그와 stex 태그는 jQuery 와도 잘 동작합니다. IE6 이상, Safari, FireFox, Chrome 에서도 tex 태그와 stex 태그가 잘 동작함을 확인하였습니다. 모바일 웹에서도 물론 잘 동작합니다.
'프로그래밍 > TeX' 카테고리의 다른 글
| XeLaTeX과 함께 사용할 수 있는 (다국어 문서 용) Code2000 폰트 (0) | 2012.02.08 |
|---|---|
| HTML 문서에서 한글 LaTeX(레이텍) 수식을 jQuery Corner 와 함께 사용하기 (0) | 2012.01.05 |
| 티스토리(Tistory) 에서 LaTeX 수식에 한글 포함시키기 (0) | 2011.12.28 |
| 티스토리(Tistory)에서 MathJax 과 MathTeX 을 동시에 사용하기 (0) | 2011.12.27 |
| Mac Lion 에 설치된 koTeX 에서 한글이 안될 때 (0) | 2011.08.18 |
