Jaki jest właściwy sposób dekodowania ciągu znaków, który zawiera specjalne encje HTML? [duplikat]

Nie używaj do tego DOM. Używanie DOM do dekodowania encji HTML (zgodnie z sugestią w aktualnie akceptowanej odpowiedzi) prowadzi do różnic w wynikach między przeglądarkami .

Dla solidnego i deterministycznego rozwiązania, które dekoduje odwołania do znaków zgodnie z algorytmem w standardzie HTML, użyj he . Z jego README:

he (dla "encji HTML") jest solidnym koderem/dekoderem encji HTML napisanym w JavaScript. Obsługuje wszystkie znormalizowane odwołania do nazwanych znaków zgodnie z HTML, obsługuje niejednoznaczne ampersandy i inne przypadki krawędzi , podobnie jak przeglądarka , ma obszerny zestaw testów i - w przeciwieństwie do wielu innych rozwiązań JavaScript - on obsługuje Astralne symbole Unicode. demo online jest dostępne.

Oto jak go wykorzystasz:

he.decode("We're unable to complete your request at this time.");
→ "We're unable to complete your request at this time."

Zastrzeżenie: jestem autorem on biblioteki.

Zobacz ta odpowiedź przepełnia stos {[5] } aby uzyskać więcej informacji.

Jeśli nie chcesz używać html / dom, możesz użyć regex. Nie testowałem tego, ale coś w stylu:

function parseHtmlEntities(str) {
    return str.replace(/&#([0-9]{1,3});/gi, function(match, numStr) {
        var num = parseInt(numStr, 10); // read num as normal number
        return String.fromCharCode(num);
    });
}

[edytuj]

Uwaga: będzie to działać tylko dla numerycznych encji html, a nie takich jak & oring;.

[edytuj 2]

Poprawiono funkcję (niektóre literówki), test tutaj: http://jsfiddle.net/Be2Bd/1/

JQuery będzie kodować i dekodować dla Ciebie.

function htmlDecode(value) {
  return $("<textarea/>").html(value).text();
}

function htmlEncode(value) {
  return $('<textarea/>').text(value).html();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
   $("#encoded")
  .text(htmlEncode("<img src onerror='alert(0)'>"));
   $("#decoded")
  .text(htmlDecode("&lt;img src onerror='alert(0)'&gt;"));
});
</script>

<span>htmlEncode() result:</span><br/>
<div id="encoded"></div>
<br/>
<span>htmlDecode() result:</span><br/>
<div id="decoded"></div>

Istnieje funkcja JS do obsługi & # xxxx :
function at GitHub

// encode(decode) html text into html entity
var decodeHtmlEntity = function(str) {
  return str.replace(/&#(\d+);/g, function(match, dec) {
    return String.fromCharCode(dec);
  });
};

var encodeHtmlEntity = function(str) {
  var buf = [];
  for (var i=str.length-1;i>=0;i--) {
    buf.unshift(['&#', str[i].charCodeAt(), ';'].join(''));
  }
  return buf.join('');
};

var entity = '高级程序设计';
var str = '高级程序设计';
console.log(decodeHtmlEntity(entity) === str);
console.log(encodeHtmlEntity(str) === entity);
// output:
// true
// true

_.unescape robi to, czego szukasz

Https://lodash.com/docs/#unescape

To bardzo dobra odpowiedź. Możesz użyć tego z angular w ten sposób:

 moduleDefinitions.filter('sanitize', ['$sce', function($sce) {
    return function(htmlCode) {
        var txt = document.createElement("textarea");
        txt.innerHTML = htmlCode;
        return $sce.trustAsHtml(txt.value);
    }
}]);