Light markup like <BR> inside text won't get added to the DOM

[Arturo]

HTML

 <div id="dialog"><p id="message"></p></div>

 

JSON

 data = {message='There should be<br>two lines here'};

$('#dialog').render(data);

Rendered HTML

 <div id="dialog"><p id="message">There should be<br>two lines here</p></div>

And the <br> shouws up as text in the browser, which implies that the dom does not change. Is there a simple way say $('#dialog').flatten(); so it expands out the HTML?

Any help will be appreciated.

Arturo

[Arturo]

I'll answer my own question.

the following code will tell transparency to use innerHTML rather than nodeValue

directives = { 

message: {

html: function(params) {

return this.message;

}

}

}

$('#dialog').render(data);

[Mikko Ohtamaa]

JSON

 data = {message='There should be<br>two lines here'};

$('#dialog').render(data);

Rendered HTML

 <div id="dialog"><p id="message">There should be<br>two lines here</p></div>

 

And the <br> shouws up as text in the browser, which implies that the dom does not change. Is there a simple way say $('#dialog').flatten(); so it expands out the HTML?

What you probably mean is showing unescaped HTML code which is disabled by default due to safety reasons as it opens a door for cross-site scripting attack.

HTML escaping is controlled with directives and "html" attribute. Please see https://github.com/leonidas/transparency/ Nested Directives example where it outputs plain HTML.

Ps. <br> tag has been deprecated as far back as early 2000 and you should use <p> for formatting paragraphs.