Question

<!-- Textarea -->
<div class="form-group">
  <label class="col-md-4 control-label" for ="<%= id %>"><%= label %></label>
 <div class="col-md-4" >                     
  <textarea class="form-control" id="<%= id %>" name="<%= id %>" ><%= textarea %></textarea>
 </div>
</div>

我正在搜索bootstrap表单构建器

https://github.com/IhabSoliman/Bootstrap-Form-Builder

表单构建器应用程序和html中的所有文件都没有使用服务器端编程语言，但有些标签如＆lt;％= id％＆gt;我不知道html文件中的标签是什么

您可以下载构建器应用程序，然后在assets / js / templates / snippet文件夹中包含所有html文件。您可以查看该文件以查看此标记。

很快，我想知道它是哪种语言标签

Answer 1

像EJS这样的几个（javascript）模板引擎使用这种语法来输出数据。

Answer 2

我认为在您的情况下，此标记用作JavaScript模板中的占位符。像Underscore这样的库使用它来解析模板并显示解析的内容。

我不熟悉上面的库，但是在大多数JavaScript模板引擎中，你会将模板和参数作为函数参数传递，你会得到一个可以注入DOM的字符串。 Underscore以这种方式处理它：

   var tpl = _.template('<div class="form-group"> \
      <label class="col-md-4 control-label" for ="<%= id %>"><%= label %></label> \
     <div class="col-md-4" > \                    
      <textarea class="form-control" id="<%= id %>" name="<%= id %>" ><%= textarea %></textarea> \
     </div> \
    </div>');

    var result = tpl({
            id: "1",
            label: "this is a label",
            textarea: "this is the content of the text area"
    });

我相信Bootstrap-Form-Builder可以同时工作。

Answer 3

使用Underscore's template compilation：

模板函数既可以使用＆lt;％= ...％＆gt;来插入变量，也可以使用＆lt;％...％＆gt;执行任意JavaScript代码。

在html文件＆lt;％tag中

3 个答案: