Afficher une collection Backbone avec mise en forme HTML

Question

J'ai une Marionette CollectionView affichant certaines données d'une collection. Tout fonctionne bien MAIS certains éléments de ma collection ont des balises HTML.

Pour faciliter les choses, voici que deux éléments:

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

Sur l'écran est affiché:

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

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

au lieu de

C'est un gras contenu

Ceci est un italic contenu

Il y a un attribut natif Marionette pour permettre la mise en forme HTML ou devrais-je écrire une fonction pour convertir les entités HTML ? Merci d'avance.

Answer 1

En supposant que vous utilisez Souligné/templates JS, il vous suffit de vous assurer que vous interpoler les valeurs (en utilisant <%=):

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

vs HTML-escaping:

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

ci-dessous fiddle montre un exemple plus complet: https://jsfiddle.net/8m7ot074/

Si vous utilisez un guidon pour gérer votre template, vous devrez utiliser le 'tripl e-stache ': {{{content}}}