Encode HTML entities

Question

I am parsing some data from feedburner of which contains HTML entities. I am trying to encode the HTML entities using jQuery as such:

var encodedStr = data['1']['result']['content']; // content with HTML entities
$("#content").html(encodedStr).text();

but with no results.

Here is what its parsed: http://jsbin.com/ihadam/1/edit

Do you want to interpret the `<p>` stuff as actual HTML tags when you insert it? — Barmar, Mar 30 '13 at 00:29
@Barmar Yes. Check this: http://jsbin.com/ihadam/2/edit - I want it to be an actual image tag rather than a string. — jQuerybeast, Mar 30 '13 at 00:30
I think this might do what you need: http://stackoverflow.com/questions/1219860/javascript-jquery-html-encoding http://stackoverflow.com/questions/10715801/javascript-decoding-html-entities — Travis Sharp, Mar 30 '13 at 00:34
@TravisSharp It's exactly what I said I have tried of which doesn't work. — jQuerybeast, Mar 30 '13 at 00:36
I use [_.escape()](http://underscorejs.org/#escape) for this. — jgillich, Mar 30 '13 at 00:37
@jgillich It wouldn't work as _.escape() uses the same method of what I tried. — jQuerybeast, Mar 30 '13 at 00:38

score 2 · Accepted Answer · answered Mar 30 '13 at 00:48

Basically you should encode your html entities into html as such:

var encodedStr = data['1']['result']['content'];
var a = $("#content").html(encodedStr).text();

Then get the encoded text and apply it as html() as such:

$("#content").html(a);

That should work.

Demo: http://jsbin.com/ihadam/9/edit

score 0 · Answer 2 · answered Jul 26 '15 at 13:08

You can save the bloat of JQuery with pure JavaScript functions.

Sometimes you just want to encode every character... This function replaces "everything except for nothing" in regxp.

function encode(e){return e.replace(/[^]/g,function(e){return"&#"+e.charCodeAt(0)+";"})}

function encode(w) {
  return w.replace(/[^]/g, function(w) {
    return "&#" + w.charCodeAt(0) + ";";
  });
}

test.value=encode(document.body.innerHTML.trim());

<textarea id=test rows=11 cols=55>www.WHAK.com</textarea>

Encode HTML entities

2 Answers2

Linked