Décoder & retour & en JavaScript

Avez-vous besoin de décoder tous encodés en entités HTML ou tout simplement & lui-même?

Si vous avez seulement besoin de gérer & ensuite, vous pouvez faire ceci:

var decoded = encoded.replace(/&/g, '&');

Si vous avez besoin de décoder toutes les entités HTML, alors vous pouvez le faire sans jQuery:

var elem = document.createElement('textarea');
elem.innerHTML = encoded;
var decoded = elem.value;

Veuillez prendre note de la Marque les commentaires ci-dessous qui mettent en évidence les failles de sécurité dans une version antérieure de cette réponse et de recommander à l'aide de textarea plutôt que div afin d'atténuer les effets potentiels de failles XSS. Ces vulnérabilités existent si vous utilisez jQuery ou de la plaine JavaScript.

var htmlEnDeCode = (function() {
var charToEntityRegex,
entityToCharRegex,
charToEntity,
entityToChar;
function resetCharacterEntities() {
charToEntity = {};
entityToChar = {};
//add the default set
addCharacterEntities({
'&'     :   '&',
'>'      :   '>',
'&lt;'      :   '<',
'&quot;'    :   '"',
'&#39;'     :   "'"
});
}
function addCharacterEntities(newEntities) {
var charKeys = [],
entityKeys = [],
key, echar;
for (key in newEntities) {
echar = newEntities[key];
entityToChar[key] = echar;
charToEntity[echar] = key;
charKeys.push(echar);
entityKeys.push(key);
}
charToEntityRegex = new RegExp('(' + charKeys.join('|') + ')', 'g');
entityToCharRegex = new RegExp('(' + entityKeys.join('|') + '|&#[0-9]{1,5};' + ')', 'g');
}
function htmlEncode(value){
var htmlEncodeReplaceFn = function(match, capture) {
return charToEntity[capture];
};
return (!value) ? value : String(value).replace(charToEntityRegex, htmlEncodeReplaceFn);
}
function htmlDecode(value) {
var htmlDecodeReplaceFn = function(match, capture) {
return (capture in entityToChar) ? entityToChar[capture] : String.fromCharCode(parseInt(capture.substr(2), 10));
};
return (!value) ? value : String(value).replace(entityToCharRegex, htmlDecodeReplaceFn);
}
resetCharacterEntities();
return {
htmlEncode: htmlEncode,
htmlDecode: htmlDecode
};
})();

C'est à partir de ExtJS code source.

Dans le cas où vous êtes à la recherche pour elle, comme moi, pendant ce temps il y a un bon et méthode JQuery.

https://api.jquery.com/jquery.parsehtml/

Vous pouvez f.ex. tapez ceci dans la console:

var x = "test &";
> undefined
$.parseHTML(x)[0].textContent
> "test &"

Donc $.parseHTML(x) retourne un tableau, et si vous avez des balises HTML dans votre texte, le tableau.longueur doit être supérieure à 1.

jQuery pour encoder et décoder pour vous. Cependant, vous devez utiliser une balise textarea, pas un div.

JS:

var str1 = 'One & two & three';
var str2 = "One & two & three";
$(document).ready(function() {
$("#encoded").text(htmlEncode(str1)); 
$("#decoded").text(htmlDecode(str2));
});
function htmlDecode(value) {
return $("<textarea/>").html(value).text();
}
function htmlEncode(value) {
return $('<textarea/>').text(value).html();
}

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="encoded"></div>
<div id="decoded"></div>

Pour une ligne de gars:

const htmlDecode = innerHTML => Object.assign(document.createElement('textarea'), {innerHTML}).value;
console.log(htmlDecode('Complicated - Dimitri Vegas & Like Mike'));

J'ai tout essayé pour supprimer & à partir d'un tableau JSON. Aucun des exemples ci-dessus, mais https://stackoverflow.com/users/2030321/chris a donné une excellente solution qui m'a conduit à résoudre mon problème.

var stringtodecode="<B>Hello</B> world<br>";
document.getElementById("decodeIt").innerHTML=stringtodecode;
stringtodecode=document.getElementById("decodeIt").innerText

Je n'ai pas utiliser, parce que je ne comprends pas comment l'insérer dans une fenêtre modale qui tirait les données JSON dans un tableau, mais je l'ai fait essayer cette base sur l'exemple, et cela a fonctionné:

var modal = document.getElementById('demodal');
$('#ampersandcontent').text(replaceAll(data[0],"&", "&"));

Je l'aime parce que c'était simple, et ça fonctionne, mais vous ne savez pas pourquoi il n'est pas largement utilisé. Recherché hi & faible à trouver une solution simple.
Je continue à rechercher la compréhension de la syntaxe, et si il n'y a aucun risque à l'utiliser. Je n'ai rien trouvé encore.