概要

simplateは、simpleで小型のtemplate pluginです。
大掛かりなフレームワークを導入するほどでも無い小規模な案件で、簡単にテンプレート機能を実装することが出来ます。

必要とするもの

使用法

<script type="text/javascript" src="$.simplate.js"></script>

ダウンロードしてscriptタグで読み込ませて準備完了

プラグインとして利用する

$(targetDom).simplate(dom, data, callback);

domにはテンプレート変数を使用したHTMLが入ります。
テンプレート変数は <!--{ }--> で囲まれた部分になります。
テンプレート変数の中の記述は通常の配列と同様に書けます。(ブラケット表記は不可)

目的のDOM(targetDom)に対して、domとobjectを指定すると整形されたhtmlで上書きします。
callbackは省略可能。

関数として利用する

var hoge = $.simplate(dom, data);

通常の関数としても使用できます。
その場合、作成されたdomはreturnで戻されます。
上記のサンプルの場合はhogeの中にdomの内容が格納されます。

デモ

LICENCE

自由。ただしこのプログラム単体そのもので利益をえるような行為はNG
http://uki213.github.io/simplate/
https://github.com/uki213/simplate