JavaScript převést HTML entity | Příklad kódu

Dekódování znaků HTML pomocí přiřazování hodnoty prvku DOM. Použití textarea speciálně tak, aby byly zachovány značky, ale entity HTML byly stále dekódovány.

Dekódujte řetězec, který má speciální HTML entity Příklad

Příklad kódu HTML.

<!DOCTYPE html>
<html>
<body>
  <form id="form">
    <input type="text" id="input" value="Entity:&amp;nbsp; Bad attempt at XSS:<script>alert('new\nline?')</script><br>">
    <input type="submit" value="Show">
  </form>

  <script>
   function decodeHtml(html) {
    var txt = document.createElement("textarea");
    txt.innerHTML = html;
    return txt.value;
  }

  document.getElementById('form').onsubmit = function(e) {
    e.preventDefault();
    var input = document.getElementById('input').value;
    var output = decodeHtml(input);
    alert(output);
  }
</script>
</body>
</html>

Výstup:

Napište komentář, pokud máte nějaké pochybnosti nebo návrhy k tomuto tématu.

Poznámka: Všechny příklady kódů JS jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze