Complex html to plain text - Angular 4 / Javascript

Question

I am working on the project and I have a problem. The thing is I need to decode html that I get as a part of JSON object from API. The html is quite tricky so I need to ask for your help guys.

That is the sample value that I need to translate into plain text:

<div class=text-primary>\rSave up to 49% bla bla some text, text, text World of text and text text. For text details of text prices, click on the location required.<br>\r <table width=100%><tr><td width=10%></td><td width=80%><div class="well text-center"><h5><b>To text your text text call</b><h5><h5><b>0871 222 text and quote</b></h5><h4><b>ELG2017</b></h4></div></td><td width=10%></td></tr></table>\r

Yeah I know, it's horrible. Well, that's what I have to decode..

Thanks a lot!

What do you mean by decode? Parse it for values? Display as HTML? — Amiga500
– Amiga500, Commented Jul 4, 2017 at 9:33
Turn this horrible bit of code into plain text. Ideally preserving line breaks. — lip3k
– lip3k, Commented Jul 4, 2017 at 9:59

Eliran · Accepted Answer · 2017-07-04 10:04:55Z

2

text.replace(/<[^>]*>/g, '');

answered Jul 4, 2017 at 10:04

Eliran

3653 silver badges16 bronze badges

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

Comments

bersling · Accepted Answer · 2017-11-16 08:45:37Z

0

You can use something like this:

htmlToText(html) {
  var tmp = document.createElement('DIV'); // TODO: Check if this the way to go with Angular
  tmp.innerHTML = html;
  return tmp.textContent || tmp.innerText || '';
}

https://jsfiddle.net/z762py3s/

answered Nov 16, 2017 at 8:45

bersling

19.6k11 gold badges75 silver badges82 bronze badges

Comments

Bhumika Barad · Accepted Answer · 2023-05-12 12:02:41Z

0

text.replace(new RegExp("\\\\n", "g"), ", ")

and use [innerHTML] for view

answered May 12, 2023 at 12:02

Bhumika Barad

2192 silver badges8 bronze badges

Collectives™ on Stack Overflow

Complex html to plain text - Angular 4 / Javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related