Quel est l'équivalent de HtmlSpecialChars en JavaScript ?

Question

Apparemment, c'est plus difficile à trouver que je ne le pensais. Et c'est même si simple...

Existe-t-il une fonction équivalente à la fonction PHP htmlspecialchars intégré à JavaScript ? Je sais qu'il est assez facile de l'implémenter soi-même, mais utiliser une fonction intégrée, si elle est disponible, est tout simplement plus agréable.

Pour ceux qui ne sont pas familiers avec PHP, htmlspecialchars traduit des choses comme <htmltag/> sur <htmltag/>

Je sais que escape() y encodeURI() ne fonctionnent pas de cette manière.

Answer 1

Il y a un problème avec votre code de solution - il n'échappe que la première occurrence de chaque caractère spécial. Par exemple :

escapeHtml('Kip\'s <b>evil</b> "test" code\'s here');
Actual:   Kip&#039;s &lt;b&gt;evil</b> &quot;test" code's here
Expected: Kip&#039;s &lt;b&gt;evil&lt;/b&gt; &quot;test&quot; code&#039;s here

Voici un code qui fonctionne correctement :

function escapeHtml(text) {
  return text
      .replace(/&/g, "&")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}

---

Mise à jour

Le code suivant produira des résultats identiques à ceux de la version précédente, mais il est plus performant, en particulier sur les grands blocs de texte (merci jbo5112 ).

function escapeHtml(text) {
  var map = {
    '&': '&',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#039;'
  };

  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
}

Answer 2

C'est l'encodage HTML. Il n'y a pas de fonction javascript native pour faire cela, mais vous pouvez chercher sur Google et en trouver de jolies.

Par exemple http://sanzon.wordpress.com/2008/05/01/neat-little-html-encoding-trick-in-javascript/

EDIT :
C'est ce que j'ai testé :

var div = document.createElement('div');
  var text = document.createTextNode('<htmltag/>');
  div.appendChild(text);
  console.log(div.innerHTML);

Sortie : <htmltag/>

Answer 3

Cela vaut la peine de le lire : http://bigdingus.com/2007/12/29/html-escaping-in-javascript/

escapeHTML: (function() {
 var MAP = {
   '&': '&',
   '<': '&lt;',
   '>': '&gt;',
   '"': '&#34;',
   "'": '&#39;'
 };
  var repl = function(c) { return MAP[c]; };
  return function(s) {
    return s.replace(/[&<>'"]/g, repl);
  };
})()

Note : Ne le faites qu'une fois. Et ne l'exécutez pas sur des chaînes de caractères déjà encodées, par ex. & devient &

Answer 4

Avec jQuery, cela peut être comme ceci :

var escapedValue = $('<div/>').text(value).html();

Question connexe Échapper aux chaînes HTML avec jQuery

Comme mentionné dans le commentaire, les guillemets doubles et simples sont laissés tels quels dans cette implémentation. Cela signifie que cette solution ne doit pas être utilisée si vous avez besoin de faire un attribut d'élément comme une chaîne html brute.

Answer 5

Utilizar:

String.prototype.escapeHTML = function() {
        return this.replace(/&/g, "&")
                   .replace(/</g, "&lt;")
                   .replace(/>/g, "&gt;")
                   .replace(/"/g, "&quot;")
                   .replace(/'/g, "&#039;");
    }

Échantillon :

var toto = "test<br>";
alert(toto.escapeHTML());