2017-07-07 22 views
1

コレクションの一部のデータを表示するMarionette CollectionViewがあります。それはすべて正常に動作していますが、私のコレクションのいくつかのアイテムにはHTMLタグがあります。画面でHTML形式のバックボーンコレクションを表示する

var topics = [ 
    { content: 'This is a <strong>bold</strong> content' }, 
    { content: 'This is a <i>italic</i> content' } 
]; 

が表示されている:

This is a <strong>bold</strong> content

This is a <i>italic</i> content

代わりの

は、ここでは2つのだけのアイテムで、それを容易にするために、

これこれはHTMLの書式設定を可能にするために、いくつかのマリオネットネイティブの属性がありイタリックコンテンツ

であるか、私はHTMLエンティティを変換する関数を記述する必要があり大胆コンテンツ

です? ありがとうございます。あなたがアンダー/ JSテンプレートを使用していると仮定すると、

答えて

1

、あなたはちょうどあなたが(<%=を使用して)値を補間していることを確認する必要があります。HTMLエスケープ対

<div><%= content %></div> 

<div><%- content %></div> 

次fiddleはより完全な例を示しています:https://jsfiddle.net/8m7ot074/

あなたのテンプレートを処理するためにハンドルバーを使用している場合は、 'tripl e-stache ':{{{content}}}

+0

完璧に動作します!ありがとうございました。 – moreirapontocom

関連する問題