TypeScript: how to decode string to html with special code?

Question

Here's an example string, I want to decode the special characters :

"<div class="c1-snippet">
    Let&rsquo;s see if you can run Troubleshooter. Select the &lt;strong&gt;Start&lt;/strong&gt; button, 
    select &lt;strong&gt;Settings&lt;/strong&gt; &gt; &lt;strong&gt;Update &amp;amp; security&lt;/strong&gt; 
 </div>"

I tried renderHTML from 'react-render-html', either use it once or twice, it's only render unescaped parts.

Troubleshooter. 
Select the <strong>Start</strong> button, 
select <strong>Settings</strong> > 
<strong>Update &amp; security</strong> > <strong>Activation</strong>

Possible duplicate of Unescape HTML entities in Javascript?

Matt McCutchen
– Matt McCutchen

2018-08-21 18:26:36 +00:00
Commented Aug 21, 2018 at 18:26 — Matt McCutchen
– Matt McCutchen, Commented Aug 21, 2018 at 18:26
yep, I solved the problem by htmlDecode in js-htmlencode

Jie Hu
– Jie Hu

2018-08-21 21:47:02 +00:00
Commented Aug 21, 2018 at 21:47 — Jie Hu
– Jie Hu, Commented Aug 21, 2018 at 21:47

Swati · Accepted Answer · 2021-01-25 12:26:04Z

1

Install the following package: https://www.npmjs.com/package/html-escape-unescape

Import it in the module.

Use like this:

{{ someStringToBeEscaped | escape }}
{{ someStringToBeUnescaped | unescape }}

answered Jan 25, 2021 at 12:26

Swati

2962 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

TypeScript: how to decode string to html with special code?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related