Convert text into html javascript

Question

I have html content with special characters

&lt;div class=&quot;agfMailBodyHtml&quot;&gt;&lt;font size=2 face=&quot;sans-serif&quot;&gt;Test mail 5 - reply op rich text with &lt;b&gt;attachements\r\n&lt;/b&gt;also with &lt;b&gt;attchements&lt;/b&gt;&lt;/font&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;&lt;font size=2 face=&quot;sans-serif&quot;&gt;&lt;br&gt;\r\n&lt;/font&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;&lt;font size=1 color=#5f5f5f face=&quot;sans-serif&quot;&gt;

is it possible to convert it into html using javascript?

yes, the data i am getting from mid-tier is in the above format. i need to convert it to html — user1153484
– user1153484, Commented Apr 2, 2014 at 22:56

Buzinas · Accepted Answer · 2014-04-02 23:02:11Z

3

Yeah, it's possible:

var str = "&lt;div class=&quot;agfMailBodyHtml&quot;&gt;&lt;font size=2 face=&quot;sans-serif&quot;&gt;Test mail 5 - reply op rich text with &lt;b&gt;attachements\r\n&lt;/b&gt;also with &lt;b&gt;attchements&lt;/b&gt;&lt;/font&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;&lt;font size=2 face=&quot;sans-serif&quot;&gt;&lt;br&gt;\r\n&lt;/font&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;&lt;font size=1 color=#5f5f5f face=&quot;sans-serif&quot;&gt;";

var div = document.createElement("div");
div.innerHTML = str;

div.innerHTML = div.textContent;
alert(div.innerHTML);
document.body.appendChild(div);

DEMO FIDDLE

answered Apr 2, 2014 at 23:02

Buzinas

11.8k2 gold badges38 silver badges59 bronze badges

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

1 Comment

mikasa Over a year ago

Can you please explain your code? Why are we setting the innerHTML twice with the same value?

Oriol · Accepted Answer · 2014-04-02 22:58:59Z

2

var el = document.createElement('div');
el.innerHTML = "&lt;div class=&quot;agfMailBodyHtml&quot;&gt;&lt;font size=2 face=&quot;sans-serif&quot;&gt;Test mail 5 - reply op rich text with &lt;b&gt;attachements\r\n&lt;/b&gt;also with &lt;b&gt;attchements&lt;/b&gt;&lt;/font&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;&lt;font size=2 face=&quot;sans-serif&quot;&gt;&lt;br&gt;\r\n&lt;/font&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;\r\n&lt;br&gt;&lt;font size=1 color=#5f5f5f face=&quot;sans-serif&quot;&gt;";
var html = el.textContent;

answered Apr 2, 2014 at 22:58

Oriol

291k71 gold badges459 silver badges535 bronze badges

Collectives™ on Stack Overflow

Convert text into html javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related