innerhtml is ignoring HTML escaped characters

Question

I have a div like

<div id="first"></div>

and I try to change content (which I get from backend html escaped) as

$( "#first" ).html( "Some text <div style=&#34;font-size:150%&#34;>This text should look bigger</div>" );

----------OR------------

$( "#first" ).html( "Some text <div style=&quot;font-size:150%&quot;>This text should look bigger</div>" );

The output in browser is

<div id="first">Some text <div style="&quot;font-size:150%&quot;">This text should look bigger</div></div>

This is not applying the style I wanted to apply as in the DOM I see two times " (quote). I also tried the classic way of document.getElementById with out any success.

Thank's in advance for any idea.

Jack · Accepted Answer · 2013-11-08 21:20:38Z

1

You can decode escaped text with this function:

function htmlDecode(value) { if (value) { return $('<div />').html(value).text(); } else { return ''; } }

You should pass escaped HTML from the backend through this function before writing it to the page.

edited Nov 8, 2013 at 21:20

answered Nov 8, 2013 at 21:13

Jack

2,8802 gold badges30 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user400654 Over a year ago

The problem is the server is giving him ". escaping it with \ on the client side won't fix that. I'd suggest making it clear that this solution requires modification of how the server is returning the data (if that's what you're suggesting)

Collectives™ on Stack Overflow

innerhtml is ignoring HTML escaped characters

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related