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 ?

Possible duplicate of [Handlebars Template rendering template as text](https://stackoverflow.com/questions/7168469/handlebars-template-rendering-template-as-text) — MathKimRobin, Jul 03 '19 at 14:14

score 7 · Accepted Answer · answered Sep 19 '13 at 15:45

7

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.

answered Sep 19 '13 at 15:45

mu is too short

was searching for this forever. Thanks that worked like a charm. – Poornamith Mar 30 '20 at 07:33

1 Answers1