Mostra proprietà che include tag html

Question

Ho una proprietà ember che include tag html (<br />, <strong>, <p>, <span> e materiale simile).

Come posso dire a ember di non sfuggire questo testo? Esiste un aiutante di Handlebars predefinito da ember o ho bisogno di scrivere il mio?

Answer 1

Da http://handlebarsjs.com/

Manubrio HTML-sfugge valori restituiti da un {{expression}}.
Se non si desidera che i manubri sfuggano a un valore, utilizzare "triple-stash".

{{{expression}}}

Answer 2

All'interno Ember.js è possibile farlo tramite il metodo htmlSafe, che viene aggiunto al prototipo String, vedere http://jsfiddle.net/pangratz666/jNAQ6/:

Manubrio:

<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') 
});​ 

Answer 3

Ember 2.x, utilizzando JavaScript

Per fare una stringa senza caratteri di escape e l'uscita utilizzando modelli Ember è possibile utilizzare htmlSafe aiutante.

Ember.String.htmlSafe('<div>someString</div>') 

La stringa restituita non verrà sottoposta a escape HTML dal motore di template di Handlebars.

http://emberjs.com/api/classes/Ember.String.html#method_htmlSafe

Usa Manubrio Solo

In alternativa, è possibile passare il codice HTML grezzo modello di manubrio e ottenere l'output HTML grezzo utilizzando parentesi triple

All'interno Manubrio Template

<div>{{{raw_html_content}}}</div>