将html插入到句柄模板中而不会转义
有没有一种方法来插入一个string的HTML标签到一个句柄模板中,而不会让标签在输出string中转义?
template.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>
我得到了官方的参考来支持我的回答:
把手HTML转义由
{{expression}}
返回的值。 如果你不想让车把逃离一个值,使用“三重藏”,{{{
。
在你的模板中,你必须添加这样的三重胡须。 <p>{{{content}}}</p>
根据Handlebars文件, http://handlebarsjs.com/expressions.html
从文档引用 ,
如果你不想让Handlebars转义一个值,可以使用“triple-stash”,
{{{
将原始HTML传递给Handlebars模板,并使用三个方括号获取原始HTML输出。
{{{foo}}}