Decode HTML entities in JavaScript?
Sample conversions:
& -> `&`
> -> `>`
Any small library function that can handle this?
Solution 1:
I have on my utility belt this tiny function always:
function htmlDecode(input){
var e = document.createElement('div');
e.innerHTML = input;
return e.childNodes[0].nodeValue;
}
htmlDecode("&"); // "&"
htmlDecode(">"); // ">"
It will work for all HTML Entities.
Edit: Since you aren't in a DOM environment, I think you will have to do it by the "hard" way:
function htmlDecode (input) {
return input.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">");
//...
}
If you don't like the chained replacements, you could build an object to store your entities, e.g.:
function htmlDecode (input) {
var entities= {
"&": "&",
"<": "<",
">": ">"
//....
};
for (var prop in entities) {
if (entities.hasOwnProperty(prop)) {
input = input.replace(new RegExp(prop, "g"), entities[prop]);
}
}
return input;
}
Solution 2:
Looks like this will do:
function html_entity_decode(s) {
var t=document.createElement('textarea');
t.innerHTML = s;
var v = t.value;
t.parentNode.removeChild(t);
return v;
}
Source