Mustacheテンプレート文字列内部にHTMLとしてレンダリング

Question

テンプレートをレンダリングするためにMustacheを使用しています。

{ 
    title: "Foo bar", 
    content: "<p> Html here </p>", 
    footer: "footer content here" 
    } 

私のような口ひげのテンプレートがあります：

私はこのJSONオブジェクトを持っている

<div id="box"> 
    <div id="title"> {{title}} </div> 
    <div id="content"> {{content}} </div> 
    <div id="footer"> {{footer}} </div> 
    </div> 

私の問題は、変数コンテンツ内のHTMLをレンダリング取得されていないが、代わりにちょうどなっているということです画面に印刷されます。

私は（非表示のソースウィンドウで）<p> Html here </p>を参照してください。ページソースを表示した場合にのみ表示されます。

ひげそりテンプレートに文字列を渡すと、内部のHTMLがレンダリングされるように修正するにはどうすればよいですか？私はmustache.render（templates.all、data）を呼び出しています。口ひげへの私の呼び出しとして。 Mustache documentationから

Answer 1

：

すべての変数は、デフォルトではエスケープHTMLです。 のエスケープされていないHTMLを返す場合は、{{{name}}}という3つのひげを使用します。

だから、たとえば、テンプレートで{{{content}}}：

<div id="box"> 
    <div id="title"> {{title}} </div> 
    <div id="content"> {{{content}}} </div> 
    <div id="footer"> {{footer}} </div> 
    </div>