Montrer la propriété, qui comprend des balises html

J'ai une braise de la propriété qui comprend des balises html (<br />, <strong>, <p>, <span>, et les trucs similaires).

Comment puis-je dire de braise de ne pas échapper à ce texte? Est-il par défaut Guidon helper de braise, ou ai-je besoin d'écrire mon propre?

InformationsquelleAutor Lux | 2012-07-12
  1. 85

    De http://handlebarsjs.com/

    Guidon HTML échappe valeurs renvoyées par une {{expression}}.

    Si vous ne voulez pas de Guidon pour échapper à une valeur, utiliser le "triple-stash".

    {{{expression}}}

    • Juste au cas où si quelqu'un est à la recherche de l'Emblème équivalent, son == expression
    • Comme mentionné par morhook, vous pouvez également placer la valeur dans Braise.Chaîne de caractères.htmlSafe(). Ceci est utile si la valeur est passée en un addon/composant que vous n'avez pas le plein contrôle de.
    InformationsquelleAutor Rajat
  2. 16

    Dans Ember.js vous pouvez le faire via le htmlSafe méthode, qui est ajouté à la String prototype, voir http://jsfiddle.net/pangratz666/jNAQ6/:

    Guidon:

    <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')
});​
    InformationsquelleAutor pangratz
  3. 3

    Braise 2.x, à l'aide de JavaScript

    Pour faire une chaîne de caractères sans échappement et de sortie à l'aide de Braise de modèles que vous pouvez utiliser htmlSafe helper.

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

    La chaîne retournée ne sera pas échappé HTML par Guidon moteur de template.

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

    Utilisation Guidon Seulement

    Alternativement, vous pouvez passer le HTML brut de Guidon modèle et obtenir le code HTML brut de sortie par l'aide de trois crochets

    À L'Intérieur De Guidon Modèle

    <div>{{{raw_html_content}}}</div>
    InformationsquelleAutor Xinyang Li