ICANHAZ.js displays a dom element instead of text

Question

Parameter:

'<div class="someclass">' + somecontent + '</div>' + somecontent2

Template:

<div>{{ param }}</div>

And in the browser I have:

<div class="someclass"> somecontent </div>somecontent2

How to highlight .someclasswhich it displays as a dom element, not text?

Answer 1

I think all Html elements are escaped by default. To return Un-escaped Html, use a triple mustache:

<div>{{{param}}}</div>

Answer 2

I would suggest using partial patterns for this.

<script id="main" type="text/html">
<div>{{>partial}}</div>
</script>

<script id="partial" class="partial" type="text/html">
<div class="someclass">{{somecontent}}</div>{{somecontent2}}
</script>

Then just call the main template with your data as usual:

html = ich.main({
    somecontent: 'content',
    somecontent2: 'content2'
});