显示包含html标签的属性
我有一个包含html标签( <br />
, <strong>
, <p>
, <span>
和类似东西)的一个ember属性。
我怎么能告诉烬不逃避这个文本? 是否有任何默认Handlebars助手从烬,或需要我写我自己?
把手HTML转义由
{{expression}}
返回的值。
如果你不想要把手逃离一个值,使用“三重藏”。
{{{expression}}}
在Ember.js
你可以通过添加到String
原型的htmlSafe
方法来实现,参见http://jsfiddle.net/pangratz666/jNAQ6/ :
把手 :
<script type="text/x-handlebars" > {{App.html}} - {{App.unescaped}} </script>
JavaScript :
App = Ember.Application.create({ html: '<b>bold text</b>', unescaped: function(){ return this.get('html').htmlSafe(); }.property('html') });
Ember 2.x,使用JavaScript
要使用Ember模板使string未转义并输出,您可以使用htmlSafe
helper。
Ember.String.htmlSafe('<div>someString</div>')
Handlebars模板引擎返回的string不会被HTML转义。
http://emberjs.com/api/classes/Ember.String.html#method_htmlSafe
只使用把手
或者,您可以将原始HTML传递给Handlebars模板,并使用三个方括号获取原始HTML输出
在把手模板里面
<div>{{{raw_html_content}}}</div>