LaTeX形式で記述した数式の画像を埋め込むBloggerガジェット

Bloggerで数式を表示させるために以前つくったChrome Extensionを使っていたのですが，再利用性を考慮して，LaTeX形式で記述された数式をBloggerで表示するためのHTML/Javascriptガジェットを作ってみました．ガジェットの設定の仕方はこちらの記事の下の方に．jQueryが読み込まれている必要があります．

レンダリングには Infographics / Google Chart API の Mathematical Formulas を利用しています．

以下のコードを貼付けます．使い方はコード中のコメントの通りです．クラス名が他とバッティングするようならば，変更したほうが良いかもしれません．

	<!--
	LaTeX for Blogger, requires jQuery
	1. Add a HTML/Javascript gadget in the Layout mode and write this code.
	2. In the HTML edit mode, write equations as follows:
	<div class="equation">
	ax^2 + bx + c = 0
	x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
	</div>
	http://code.google.com/apis/chart/infographics/docs/formulas.html
	-->
	<script type="text/javascript">
	$('.equation').each(function(i,e) {
	var arr = new Array();
	var lines = $(this).html().replace(/\r\n|\r|\n/g,'').split(/<br>/i);
	for (var j = 0; j < lines.length; j++) {
	var chl = lines[j].replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&quot;/g, '"').replace(/&amp;/g, "&");
	if (chl)
	arr[j] = '<img src="http://chart.googleapis.com/chart?cht=tx&chl=' + encodeURIComponent(chl) + '" \/>'
	}
	$(this).html(arr.join('<br \/>'));
	});
	</script>

view raw gistfile1.html hosted with ❤ by GitHub

ax^2 + bx + c = 0
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}