Javascript decoding html entities

Question

Possible Duplicate:
How to decode HTML entities using jQuery?

I want to convert this text:

"&lt;p&gt;name&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:xx-small;"&gt;ajde&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;da&lt;/em&gt;&lt;/p&gt;"

to html, with tags and everything in Javascript or Jquery. How to do this?

Easiest way is to assign a class selector to your element and then use this code `$('.selector').each(function(a,b){$(b).html($(b).text())})` — Hamidreza, Jan 23 '13 at 11:32

score 172 · Accepted Answer · edited Oct 20 '17 at 18:28

172

var text = '&lt;p&gt;name&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:xx-small;"&gt;ajde&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;da&lt;/em&gt;&lt;/p&gt;';
var decoded = $('<textarea/>').html(text).text();
alert(decoded);

This sets the innerHTML of a new element (not appended to the page), causing jQuery to decode it into HTML, which is then pulled back out with .text().

Live demo.

edited Oct 20 '17 at 18:28

wersimmon

2,809
3
22
35

answered May 23 '12 at 08:03

Darin Dimitrov

1,023,142
271
3,287
2,928

3

What if the text is `">`? – viky Nov 20 '13 at 08:56
40

don't use `$('
')` - i't make posible XSS atack. Use `$('');` – trijin Feb 20 '14 at 23:04
2

I'm not sure if this is also proper (I'm using jQuery 2.x): `$.parseHTML(text)[0].textContent;` – Ricky Mar 09 '15 at 04:08
When encoded string contains *Enter* sign between tags, this returns just *Enter* instead of html (at least in Chrome). to fix it I changed solution to `$('').html(text).html()` – Sasha Oct 06 '15 at 10:21
It's a very bad idea because is allowing HTML injection. for example if in the incoming text you have something like this: `` it will show an alert on the user screen. – Josh May 03 '19 at 09:47
that's why you have to sanitize the text first ` – Kevin Chandra Jul 21 '23 at 03:50

score 18 · Answer 2 · edited May 23 '17 at 12:09

18

There is a jQuery solution in this thread. Try something like this:

var decoded = $("<div/>").html('your string').text();

This sets the innerHTML of a new <div> element (not appended to the page), causing jQuery to decode it into HTML, which is then pulled back out with .text().

edited May 23 '17 at 12:09

Community

1
1

answered May 23 '12 at 08:03

Bojangles

99,427
50
170
208

not working in firefox – XIMRX Jan 16 '15 at 10:40

score 11 · Answer 3 · answered May 23 '12 at 08:04

11

Using jQuery the easiest will be:

var text = '&lt;p&gt;name&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:xx-small;"&gt;ajde&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;da&lt;/em&gt;&lt;/p&gt;';

var output = $("<div />").html(text).text();
console.log(output);

DEMO: http://jsfiddle.net/LKGZx/

answered May 23 '12 at 08:04

VisioN

143,310
32
282
281

4

Same as the other two answers. You'll get a badge of honor if you delete the answer :) – Dan Dascalescu Jan 30 '14 at 11:14

score 3 · Answer 4 · answered May 23 '12 at 08:05

3

I think you are looking for this ?

$('#your_id').html('&lt;p&gt;name&lt;/p&gt;&lt;p&gt;&lt;span style="font-size:xx-small;"&gt;ajde&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;da&lt;/em&gt;&lt;/p&gt;').text();

answered May 23 '12 at 08:05

Kaidul

15,409
15
81
150

Javascript decoding html entities

4 Answers4

Linked

Related