Handlebars.js disable escaping with noEscape option?

Question

I have all my content pre-escaped, so rather than using the triple stash everywhere i would like to globally disable handlebars escaping. A quick search showed a similar feature which I can see in my build of handlebars, however I don't know how to turn it on.

The pull request is here: https://github.com/wycats/handlebars.js/pull/121

I've tried adding Handlebars.Compiler.options.noEscape = true in my code but it always comes back with options undefined. Even after defining the options its not picking it up. Does anyone know how I should be enabling this option in my script file? Thanks

score 42 · Accepted Answer · answered Mar 25 '12 at 13:47

42

Try something like this:

var template = Handlebars.compile(source, {noEscape: true});

answered Mar 25 '12 at 13:47

Juho Vepsäläinen

26,573
12
79
105

how can i do this in nodejs? – Captain Obvious Nov 15 '13 at 20:29
@CaptainObvious It should be the same. – Juho Vepsäläinen Nov 16 '13 at 07:46
6

I fixed it using {{{var}}} – Captain Obvious Nov 17 '13 at 15:29
Yeah. {{{var}}} makes a lot of sense if you want to have more control over escaping. – Juho Vepsäläinen Apr 17 '14 at 05:30
@CaptainObvious - If you're using express-handlebars as your template engine, add compilerOptions: { noEscape: true } to the configuration settings – jbodily Oct 02 '18 at 16:32
But how about the cli? How can you disable escaling when compiling from the cli? – Leonardo Raele Dec 07 '21 at 22:32
@LeonardoRaele If I'm reading right, they don't expose the option at https://github.com/handlebars-lang/handlebars.js/blob/master/bin/handlebars . – Juho Vepsäläinen Dec 08 '21 at 08:25

score 11 · Answer 2 · answered Sep 11 '18 at 09:45

11

Using the "triple-stash" {{{ is another option when you only want one variable in the template to not get escaped:

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

https://handlebarsjs.com/

answered Sep 11 '18 at 09:45

Rvanlaak

2,971
20
40

This is exactly what I was looking for -- only had one value to unescape, turning it off entirely seemed like overkill. Thanks for surfacing that option from the docs! – ohsully Mar 20 '19 at 19:22
This is very useful since we dont wish to escape all files, only a part. – NingaCodingTRV Apr 09 '22 at 02:21

score 5 · Answer 3 · answered Sep 10 '15 at 10:10

Suppose,

var template = "This is {{target}}";
var target = "user's pictures";
var result = Handlerbars.compile(template, {noEscape:true})({target:target});

Now try to print result. There is an apostrophe in target string value. Which will not change by encoded string. If you will remove the {noEscape:true}from compile function then it will change.

score 0 · Answer 4 · answered Sep 03 '20 at 10:26

0

{noEscape:true} did not complile the template properly when tried with handlebarsv4.0.5.

'{{{' works perfectly for me.

answered Sep 03 '20 at 10:26

thiagu

13
3

score 0 · Answer 5 · answered Apr 21 '23 at 21:39

0

This is the correct syntax:

var handleBars = Handlebars.Create(new HandlebarsConfiguration { NoEscape = true });

var template = handleBars.Compile(sharingTemplate.Template);

var result = template(items);

answered Apr 21 '23 at 21:39

Biraj Saha

130
1
5

Handlebars.js disable escaping with noEscape option?

5 Answers5

Linked