<div class='tex'>
なタグをすべて、GoogleAPIで数式画像を生成し、imgタグに置換するコードです。
<div class='tex'>
なタグの中身はTexのコード。
jQueryのeachメソッド使うことで簡単に画像に置換できるのは便利ですね...。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<div class='tex'>
f(x)=\int_0^{x}g(t)\,dt
</div>
<div class='tex'>
\frac{d^2\phi(x)}{dx^2} =
\frac{2m}{\hbar^2} \bigl\{ \frac{1}{2}m\omega^2 x^2 - E \bigr\} \phi(x)
</div>
<script type='text/javascript'>
$('.tex').each(function(i,obj){
var base = 'http://chart.apis.google.com/chart?cht=tx&chl=';
var url = base + encodeURIComponent($(obj).html());
$('<img>').attr('src',url).insertAfter(obj);
$(obj).remove();
});
</script>
</body>
</html>