JavaScript でお手軽テンプレートエンジン - Psychs's blog

JavaScript で DOM をがしがしいじるのは大変だけど、でかいテンプレートエンジンを使うのはちょっと大げさだ、というときがある。そんなときに気軽に使えるテンプレートエンジンを作ってみた。 ソースは以下の通り。 function applyTemplate(template, f) { try { return template.replace(/#\{[^#{}]+}/g, function(s) { var v = f(s.slice(2, -1)); return v == null ? '' : v.toString().escapeHTML(); }); } catch (e) { return '[' + e.name + '] ' + e.message; } } 使い方は、 <div id="template" style="display:none"> <h2>#

[terurou]

軽量テンプレートエンジン

[asiamoth]

かなりお手軽で便利。

[suttang]

あとみ

[sawat]

evalする関数を渡すのではなく、evalする文字列(ソース)を返してもらう手もあるよ。http://d.hatena.ne.jp/sawat/20070219/interpolate