Convertir les balises en entités html

Est-il possible de convertir les balises html en entités html à l'aide de javascript/jquery en utilisant tous les moyens possibles tels que regex ou d'une autre façon. Si oui, comment?

Exemple:

<div> doit être convertie en une &lt;div&gt;

Remarque: je ne parle pas des langages côté serveur.

OriginalL'auteur Sarfraz | 2010-04-10

  1. 28

    Essayer cette fonction pour le HTML des caractères spéciaux:

    function htmlencode(str) {
    return str.replace(/[&<>"']/g, function($0) {
        return "&" + {"&":"amp", "<":"lt", ">":"gt", '"':"quot", "'":"#39"}[$0] + ";";
    });
}
    Pourquoi ne pas apos au lieu de #39?
    Gris: Le " entité a été introduit en XML 1.0 (et donc définie pour le XHTML), mais il n'est pas défini dans le HTML 4. (Voir w3.org/TR/xhtml1/#C_16)
    Ce formidable petit morceau de code. M'a fallu une minute pour voir ce que vous faisiez là-bas! Vous avez fait ma soirée.
    J'adore ce formidable petit morceau de code.
    est une variable qui contient la chaîne correspondante de l'ensemble du motif. Il est utilisé pour la recherche de la valeur mappée dans un objet, qui utilise les caractères de la classe de caractères [&<>"'] comme nom de propriété et renvoie la correspondante de la valeur de la propriété. Vous pourriez aussi utiliser une variable pour contenir l'objet comme var map = {…}, puis accédez-y avec map[$0]. La notation {…}[$0] est un peu plus compact et, malheureusement, de moins en moins évident.

    OriginalL'auteur Gumbo

  2. 7

    Que vous taggés avec jquery, jQuery alimenté solution qui devrait fonctionner pour vous:

    $("<div>").text("<div>bleh</div>whatever").html()

    Remplacer l'argument du texte-méthode avec tout ce balisage vous voulez échapper.

    Très utile distinction.

    OriginalL'auteur Jörn Zaefferer

  3. 1

    En JQuery:

    $('<div/>').text('This is fun & stuff').html(); //evaluates to "This is fun &amp; stuff"

    http://debuggable.com/posts/encode-html-entities-with-jquery:480f4dd6-13cc-4ce9-8071-4710cbdd56cb

    OriginalL'auteur riotera

  4. 1

    Si vous avez la variable et que vous souhaitez l'insérer sur une div, vous pouvez appeler le texte().

    var myVar = "<span><strong>Some vars</strong> Some var extra</span>";
$("div").text(myVar);

    OriginalL'auteur metrobalderas

  5. 0
    var d = "<div>"
d = d.replace(/<|>/g, function(chr){
    return chr == "<" ? "&lt;" : "&gt;"
})
console.log(d)

    OriginalL'auteur mwilcox

  6. 0

    Il y a une manière concise de le faire à l'aide de String.prototype.replace() et des expressions régulières comme suit:

    var tag = "<h1>This should </h1>be bold<h2> and big</h2>";
var escapedTag = tag.replace(/</g, "&lt;").replace(/>/g, "&gt;");

    OriginalL'auteur Akshay Khot