<div id="myTemplate">
	<p>Hello, <!--[$name]--></p>
	<ul>
      <!--[each $list as $data]-->
      <li><!--[$data]--></li>
      <!--[/each]-->
    </ul>
</div>

//模板数据
var data = {
  name: 'Fxtpl模板引擎',
  list: [
  	"目录1",
    "目录2",
    "目录3",
    "目录4",
    "目录5"
  ]
};
//渲染模板
Fxtpl.render('myTemplate', data);

var title = '#音乐十年# 我在现场投票给了{{$starName}}，TA当前排名第{{$rank}}位共{{$votes}}票。';
var data = {
	starName: '邓紫棋',
	rank: 1,
	votes: 128790
};
title = Fxtpl.compile(title, data, {leftTag: '{{', rightTag: '}}'});

>> 直接输出模板变量
<div>歌手： <!--[$starName]--></div>

>> 输出变量的子项
<div>用户ID： <!--[$userInfo.userId]--></div>

>> 应用模板辅助方法（变量调节器）“escape”转义字符串
<div>您的留言： <!--[$notes|escape]--></div>

>> 应用JS原生“||”语法，设置“$votes”的默认值为“暂无”
<div>您的票数：<!--[$votes||'暂无']--></div>

>> 应用JS原生字符串方法replace
<div>时间：<!--[$time.replace('/', '-')]--></div>

>> 应用JS三元运算，输出“成功”或“失败”
<div>晋级：<!--[$status == 1? '成功': '失败']--></div>

>> 应用外部jQuery的$.trim方法
<div>评论：<!--[$.trim($comment)]--></div>

>> if
<!--[if $status == '1']-->
	<div>直播中...</div>
<!--[/if]-->

>> if...else
<!--[if $status == '1']-->
	<div>直播中...</div>
<!--[else]-->
	<div>休息中...</div>
<!--[/if]-->

>> if...elseif
<!--[if $status == '1']-->
	<div>直播中...</div>
<!--[elseif $status == '2']-->
	<div>录像中...</div>
<!--[/if]-->

>> each遍历，默认带两个参数：$index(索引)、$item(值)，同时内部this指针指向$item
<ul>
<!--[each $userList]-->
    <li>索引：<!--[$index]-->，名称：<!--[$item]--></li>
<!--[/each]-->
</ul>

>> each...as...遍历，自定义$index、$item参数，可省略“$”前缀（为保持模板变量一致性，不建议省略）
<ul>
<!--[each $userList as $name $i]-->
    <li>索引：<!--[$i]-->，名称：<!--[$name]--></li>
<!--[/each]-->
</ul>

>> 引入id为“msgContent”的子模板，并用data渲染（可省）
<div id="box">
	<p>您好，收到新消息： </p>
	<!--[include 'msgContent', data]-->
</div>

>> 引入外部子模板文件“msgContent.html”，并用data渲染（可省）
<div id="box">
	<p>您好，收到新消息： </p>
	<!--[include 'msgContent.html', data]-->
</div>

//渲染外部文件
var html = Fxtpl.render('/static/msg/msgContent.html', data);
//渲染后的html插入当前页面
$('#box').html(html);

Fxtpl.config.leftTag = '{{';//定义新的左分隔符
Fxtpl.config.rightTag = '}}';//定义新的右分隔符

var data = {
  name: "Joe"
};
var output = Fxtpl.compile("My name is {{$name}}", data);//直接使用新的格式

<div>您的留言：<!--[$notes|escape]--></div>

//去除字符串前后空格
Fxtpl.helpers.trim = function(value){
	return value.replace(/^\s*|\s*$/g,'');
};

//根据length截取字符串，多出的用appendStr代替
Fxtpl.helpers.intercept = function(value, length, appendStr){
	return someString;
};

>> 使用trim辅助方法
<!--[$title|trim]-->

>> 使用intercept辅助方法，空格后使用参数（从方法的第二个参数开始），多个参数用“,”分隔
<!--[$title|intercept 10,'...']-->

>> 同时使用trim、intercept辅助方法
<!--[$title|trim|intercept 10,'...']-->

{
	page: 102,
	user: {
		name: 'Jack'
	}
}

var renderFun = Fxtpl.compile('my name is {{$name}}');//用renderFun变量缓存渲染函数
var data = {
	list: [
		{name: 'Jack'},
		{name: 'Lily'},
		{name: 'Koen'}
	]
};
for(var i = 0; i < data.list.length; i++){
	console.log(renderFun(data.list[i]));//打印渲染结果
}

//my name is Jack
//my name is Lily
//my name is Koen