模板标记
插件使用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
有时候,为了提高可读性,上述的脚步标记、输出标记、注释标记会换行书写,由于模板引擎对于换行符是直接输出的,所以在输出时会显示为一行空白。所以需要以下辅助标记:
<%_
前置空白删除标记,用于删除模板标记前面的空格符。与输出标记和注释标记存在冲突,因此只能在脚步标记中使用
_%>
后置空白删除标记,用于删除模板标记后面的空格符
-%>
后置换行删除标记,用于删除模板标记后面的换行符
