これはおいしい。
Google Chart APIを使って数式を埋め込む - Hello, world! - s21gちょっと前からGoogleDocsで数式が書けるようになりましたが、 これがGoogle Chart APIを使って実装されているようです。
Demo
というわけで早速JSで。
- LaTex Expression:
- Formula:
ソースはこれくらい簡単です。
<input type="text" size="64"
value="\int_{}^{}e^{i\theta}d\theta=\frac{1}{i}e^{i\theta}+C=-ie^{i\theta}+C"
onkeyup="
(function(tex, img){
img.alt = tex;
img.src = 'http://chart.apis.google.com/chart?cht=tx&chl='
+ encodeURIComponent(tex);
})(this.value, document.getElementById('gcharteq'))
">
LaTeX記法をWYSIWYGで
むしろ数式の>LaTeX記法を覚える方が大変そうですが、それこそ Google Doc を使えばいいだけ。
右のようにすれば...
このとおり。
Enjoy!
Dan the MathPhile
jsMath
http://www.math.union.edu/~dpvc/jsMath/
が優れていると思います。
綺麗さを追求するとフォントを入れることになりますが。
でも、TeXのレンダリングがクライアントサイドだけでできちゃうのが凄いです。