Mustache inside of href

Question

I have JSON like this:

 { "something": "http://something.com" }

and HTML like this:

 <a href="{{something}}">{{something}}</a>

When I apply Mustache, I get

 <a href="%7B%7Bsomething%7D%7D">http://something.com</a>

But what I am trying to get is

 <a href="http://something.com">http://something.com</a>

I already tried {{{ something}}}, {{& something}}, single quotes, double quotes... I even read documentation.

Can you help me?

Triple curly braces are also needed here to prevent escaping of "://" — Evgeny, Jun 29 '12 at 20:54

score 16 · Answer 1 · edited May 23 '17 at 12:22

16

I think you need to make use of the & for escaping in combination with surrounding your template with a template script:

<script type="text/template" id="tmpl">
    <a href="{{& something }}">{{ something }}</a>
</script>

Found this example over here.

edited May 23 '17 at 12:22

Community

1
1

answered Jun 27 '12 at 01:20

Cᴏʀʏ

105,112
20
162
194

1

Additionally triple braces - `{{{ something }}}` is an alternate syntax – brasskazoo Mar 02 '22 at 01:27

score 5 · Accepted Answer · edited Oct 14 '15 at 11:58

5

Make sure your template source is straight text - don't try and grab parsed HTML source as your template. Browsers will urlencode/escape those characters in your link href, and result in those %7Bs and %7Ds you see in your code. Mustache won't recognize that.

I suppose unescaping the source you pass to mustache might work, though.

Mustache.render(unescape(source),view)

edited Oct 14 '15 at 11:58

Yves M.

29,855
23
108
144

answered Jun 27 '12 at 01:21

Sean Johnson

5,567
2
17
22

Thanks! Unescaping actually helped. Turns out I was using jQuery to do some transformation with template before feeding it to Mustache (I basically did something like this: $("{{something}}") ), that's why this piece of HTML become escaped – Evgeny Jun 29 '12 at 20:48

Mustache inside of href

2 Answers2

Linked