TrimPathのJavaScriptTemplatesを使ってみる

JavaScript

JavaScriptで書かれたTrimPathのテンプレートエンジンを使ってみる。

sample.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title>trimpath template sample</title>
  <script src="trimpath/template.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    function render() {
      var template_str = "${foo} ${bar} {for x in fizz}${x}{/for}";
      var context = {foo: "ほげ", bar: 12345, fizz: ["a","b","c"]};
      var template = TrimPath.parseTemplate(template_str);
      document.getElementById("render_target").innerHTML = template.process(context);
    }
  </script>
</head>
<body onload="render();">
  <h1>trimpath template</h1>
  <div id="render_target"></div>
</body>
</html>

このコードで表示(Firefox3)はこうなった。

forの前の半角スペースが削除されてる気がする。

参考

JavaScript Templates調べ - Thousand Years