Javascript decoding html entities [duplicate]

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?

your final export: <p>name</p><p><span style="font-size:xx-small;">ajde</span></p><p><em>da</em></p></body> — Emad Rahnama
– Emad Rahnama, Commented May 23, 2012 at 8:07
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
– Hamidreza, Commented Jan 23, 2013 at 11:32

wersimmon · Accepted Answer · 2017-10-20 18:28:53Z

174

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, 2017 at 18:28

wersimmon

2,8793 gold badges23 silver badges35 bronze badges

answered May 23, 2012 at 8:03

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

6 Comments

viky Over a year ago

What if the text is "><img src=x onerror=prompt(1)>?

trijin Over a year ago

don't use $('<div/>') - i't make posible XSS atack. Use $('<textarea/>');

Ricky Over a year ago

I'm not sure if this is also proper (I'm using jQuery 2.x): $.parseHTML(text)[0].textContent;

Sasha Over a year ago

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 $('<textarea/>').html(text).html()

Josh Over a year ago

It's a very bad idea because is allowing HTML injection. for example if in the incoming text you have something like this: <script>alert(code injection')</script> it will show an alert on the user screen.

|

Community · Accepted Answer · 2017-05-23 12:09:45Z

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, 2017 at 12:09

CommunityBot

11 silver badge

answered May 23, 2012 at 8:03

Bojangles

102k50 gold badges175 silver badges209 bronze badges

1 Comment

XIMRX Over a year ago

not working in firefox

VisioN · Accepted Answer · 2012-05-23 08:04:04Z

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, 2012 at 8:04

VisioN

146k35 gold badges287 silver badges291 bronze badges

1 Comment

Dan Dascalescu Over a year ago

Same as the other two answers. You'll get a badge of honor if you delete the answer :)

Kaidul · Accepted Answer · 2012-05-23 08:05:05Z

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, 2012 at 8:05

Kaidul

16k17 gold badges84 silver badges158 bronze badges

Collectives™ on Stack Overflow

Javascript decoding html entities [duplicate]

4 Answers 4

6 Comments

1 Comment

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

1 Comment

1 Comment

Comments

Linked

Related