jsrender

JsRender

• jQuery tmplの後継プラグインとして紹介されてた
• http://www.borismoore.com/2011/10/jquery-templates-and-jsviews-roadmap.html
• https://github.com/BorisMoore/jsrender
• minified版は提供されていない
• jQuery tmplと比較するとファイルサイズが大きい（スマホでは問題

使い方

var commentContent = "aiueo";
$.template("commentTemplate", "<div>{{=comment}}</div>");
var comment = $.render({comment: commentContent}, "commentTemplate");
$(comment).insertBefore($("#commentButton"));

Tips

• デフォルトでHTMLエスケープされる
• HTMLエスケープされたくない場合は{{=comment!none}}とencode方法を付記する感じ
• AjaxでHTMLを含んだ内容が取得できる場合とか
• ifとかeachとか制御構造も書ける
• テンプレート内容については変数ではなくscript[type=text/html]な部分に記述することも可能