Handlebars.js pass html in expression

Question

Handlebar template

<div>
    {{contentText}}
</div>

JS

var contentText = {contentText: "<table><tr><td>Some Data<\/td><\/tr><\/table>"}

Handle bars render displays the HTML as string rather than rendering the HTML.

Where am I going wrong ?

Answer 1

From the fine manual:

Handlebars HTML-escapes values returned by a {{expression}}. If you don't want Handlebars to escape a value, use the "triple-stash", {{{.

So if you want to put contentText straight into the template as-is then you want:

<div>
    {{{contentText}}}
</div>

in your template.

Demo: http://jsfiddle.net/ambiguous/f7LJ5/