Javascript 把手JS：包括<；李>&书信电报；br>；，以及数据中的其他HTML标记

我想使用手柄在无序列表中显示一系列数据，在“标题”和“文章”之间进行拆分。但是，有些文章将包含不同的HTML标记，无论是

”
}
];
//从脚本标记获取模板
var source1=$（“#我的模板”）.html（）；
//编译模板
var template1=handlebar.compile（source1）；
$（“#myDiv”）.append（template1（articleData））；

更仔细地阅读文档。只需在我的模板中的文章周围放置{{{}}而不是{{}}，HTML标记现在就可以呈现了

---

把手文档：

请更仔细地阅读文档。只需在我的模板中的文章周围放置{{{}}而不是{{}}，HTML标记现在就可以呈现了

---

把手文档：

您可以使用三个括号来转义html。

---

试试{{{article}}

你可以用三个括号来转义html。

---

Try{{{article}}

简单的you{}{}helper调用是一个简单的标识符，后跟零个或多个参数（用空格分隔）。每个参数都是一个把手表达式。 {{{{链接故事}}}

---

在本例中，link是一个Handlebar助手的名称，story是该助手的一个参数。Handlebar以与上面“基本用法”中描述的完全相同的方式计算参数。

Simple you{}{}{}helper调用是一个简单标识符，后跟零个或多个参数（用空格分隔）。每个参数都是一个Handlebar表达式。 {{{{链接故事}}}

---

在本例中，link是车把辅助对象的名称，story是该辅助对象的参数。车把对参数的求值方式与上述“基本用法”中所述的方式完全相同。

您应该使用三个花括号：

<li style='padding:10px; overflow: auto'>
    <h3>{{{title}}}</h3>
    <p>{{{article}}}</p>
</li>

{{{title}}}
{{{条款}}

这样手柄就不会在字符串中转义HTML代码

参考资料

---

干杯

你应该使用三个大括号：

<li style='padding:10px; overflow: auto'>
    <h3>{{{title}}}</h3>
    <p>{{{article}}}</p>
</li>

{{{title}}}
{{{条款}}

这样手柄就不会在字符串中转义HTML代码

参考资料

---

欢呼声

还请注意，标题标签是

的无效子项。还请注意，标题标签是

的无效子项。为什么您有一个h4作为ul的子项？为什么您有一个h4作为ul的子项？

//Data for Articles
var articleData = [
{
    title: "My title here",
    article: "You can learn more about it <a href='https://www.google.com'>here</a>"
}
];

//Get Template From Script Tag
var source1 = $("#my-template").html();
//Compile Template
var template1 = Handlebars.compile(source1);
$("#myDiv").append(template1(articleData));

<li style='padding:10px; overflow: auto'>
    <h3>{{{title}}}</h3>
    <p>{{{article}}}</p>
</li>