Skip to content

模板标记

插件使用EJS作为模板引擎,它使用嵌入式JavaScript代码来动态生成HTML,模板标记为<% %>,详细使用方式如下:

<% %>

脚本标记,可内嵌js脚本,用于流程控制,多个标记可以组合起来作为一段完整脚本。比如

if语句

jsx
<% if (condition) { %>
  <p>condition为true</p>
<% } else { %>
  <p>condition为false</p>
<% } %>

for循环

jsx
<% for (let i = 0; i < 10; i++) { %>
  <p>第<%= i %>次循环</p>
<% } %>

<%= %>

转义变量输出标记,可内嵌js变量,变量会转义后输出

<%- %>

变量输出标记,可内嵌js变量,变量会直接输出

<%# %>

注释标记,可内嵌注释,不执行,不输出

TIP

有时候,为了提高可读性,上述的脚步标记输出标记注释标记会换行书写,由于模板引擎对于换行符是直接输出的,所以在输出时会显示为一行空白。所以需要以下辅助标记:

<%_

前置空白删除标记,用于删除模板标记前面的空格符。与输出标记注释标记存在冲突,因此只能在脚步标记中使用

_%>

后置空白删除标记,用于删除模板标记后面的空格符

-%>

后置换行删除标记,用于删除模板标记后面的换行符