如何在 React Native 或 JS 中解码特殊字符或 HTML 实体？

Question

I am getting String from backend which has HTML entities.

‘ ’ “ ” which are ' ' “ ” respectivley.

I have used different function such as:-

var map = { amp: '&', lt: '<', gt: '>', quot: '"', '#039': "'"};

var output = newsTitle.replace(/&([^;]+);/g, (m, c) => map[c]);

output is the parsed string but it is not able to replace the in JavaScript or React Native . Any help would be appreciated.

Edit:-

I am actually passing this text in

<Text numberOfLines={2}>
{output}
 </Text>

Answer 1

You can use this library https://github.com/mdevils/node-html-entities

const Entities = require('html-entities').XmlEntities;

const entities = new Entities();
console.log(entities.decode('&lt;&gt;&quot;&apos;&amp;&copy;&reg;&#8710;')); // <>"'&&copy;&reg;∆

Answer 2

this solution worked for me

  const decodeHtmlCharCodes = str => {
        const decodedString = document.createElement("textarea");
        decodedString.innerHTML = str;
        return decodedString.value;
    }

Answer 3

 $('form').submit(function() { var theString = $('#string').val(); var varTitle = $('<textarea />').html(theString).text(); $('#output').text(varTitle); return false; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="#" method="post"> <fieldset> <label for="string">Enter a html-encoded string to decode</label> <input type="text" name="string" id="string" /> </fieldset> <fieldset> <input type="submit" value="decode" /> </fieldset> </form> <div id="output"></div>