From a18b563b183f8edce727e11291b28611892c11ba Mon Sep 17 00:00:00 2001
From: liaoxuezhi <liaoxuezhi@baidu.com>
Date: Wed, 3 Jul 2019 17:41:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/renderers/Plain.md |  2 +-
 docs/renderers/Tpl.md   | 24 ++++++++++++++++++------
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/docs/renderers/Plain.md b/docs/renderers/Plain.md
index 04d3ffae..b939b560 100644
--- a/docs/renderers/Plain.md
+++ b/docs/renderers/Plain.md
@@ -1,6 +1,6 @@
 ## Plain
 
-plain, 单纯的文字输出来。
+plain, 单纯的文字输出来，像 [tpl](./Tpl.md) 一样支持变量，区别在于内容不支持 html 标签。
 
 ```schema:height="200"
 {
diff --git a/docs/renderers/Tpl.md b/docs/renderers/Tpl.md
index 36dfaf1b..0af17030 100644
--- a/docs/renderers/Tpl.md
+++ b/docs/renderers/Tpl.md
@@ -5,16 +5,28 @@ tpl 类型的渲染器支持用 JS 模板引擎来组织输出，采用的 lodas
 ```schema:height="200"
 {
   "data": {
-    "user": "no one"
+    "user": "no one",
+    "items": [
+      "A",
+      "B",
+      "C"
+    ]
   },
-  "body": {
-    "type": "tpl",
-    "tpl": "User: <%= data.user%>"
-  }
+  "body": [
+    {
+      "type": "tpl",
+      "tpl": "User: <%= data.user%>"
+    },
+    {
+      "type": "tpl",
+      "inline": false,
+      "tpl": "<% if (data.items && data.items.length) { %>Array: <% data.items.forEach(function(item) { %> <span class='label label-default'><%= item %></span> <% }); %><% } %>"
+    }
+  ]
 }
 ```
 
-可用 js 方法。
+仔细看示例不难发现，语法跟 ejs 很像，`<% 这里面是 js 语句 %>`，所以只要会写 js，做页面渲染没有什么问题。另外以下是一些可用 js 方法。
 
 -   `formatDate(value, format='LLL', inputFormat='')` 格式化时间格式，关于 format 请前往 [moment](http://momentjs.com/) 文档页面。
 -   `formatTimeStamp(value, format='LLL')` 格式化时间戳为字符串。