有没有办法将带有 html 标签的字符串插入车把模板,而不会在输出字符串中转义标签?
模板.js:
<p>{{content}}</p>
使用模板
HBS.template({content: "<i>test</i> 123"})
实际结果:
<p><i>test</i> 123</p>
预期结果:
<p><i>test</i> 123</p>
有没有办法将带有 html 标签的字符串插入车把模板,而不会在输出字符串中转义标签?
模板.js:
<p>{{content}}</p>
使用模板
HBS.template({content: "<i>test</i> 123"})
实际结果:
<p><i>test</i> 123</p>
预期结果:
<p><i>test</i> 123</p>
试试像
<p>{{{content}}}</p>
官方参考:
Handlebars HTML 转义值由
{{expression}}
. 如果您不希望 Handlebars 转义值,请使用“triple-stash”,{{{
。
在您的模板中,您必须像这样添加三重胡须。 <p>{{{content}}}</p>
根据 Handlebars 文档,http://handlebarsjs.com/expressions.html
从文档中引用,
如果您不希望 Handlebars 转义一个值,请使用“triple-stash”,
{{{
将原始 HTML 传递给 Handlebars 模板并使用三重括号获取原始 HTML 输出。
{{{foo}}}