假设我从一个服务请求中得到了一些JSON，看起来像这样:
{
"message": "We're unable to complete your request at this time."
}
我不知道为什么那个撇号是这样编码的(');我只知道我想解码它。
下面是我突然想到的一个使用jQuery的方法:
function decodeHtml(html) {
return $('<div>').html(html).text();
}
不过，这似乎(非常)俗气。还有什么更好的办法吗?有“正确”的方法吗?
当前回答
_。Unescape就是你想要的
https://lodash.com/docs/#unescape
其他回答
这是一个很好的答案。你可以像这样使用angular:
moduleDefinitions.filter('sanitize', ['$sce', function($sce) {
return function(htmlCode) {
var txt = document.createElement("textarea");
txt.innerHTML = htmlCode;
return $sce.trustAsHtml(txt.value);
}
}]);
jQuery将为您编码和解码。
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("<img src onerror='alert(0)'>")); }); </script> <span>htmlEncode() result:</span><br/> <div id="encoded"></div> <br/> <span>htmlDecode() result:</span><br/> <div id="decoded"></div>
_。Unescape就是你想要的
https://lodash.com/docs/#unescape
这是我最喜欢的解码HTML字符的方法。使用此代码的优点是还保留了标记。
function decodeHtml(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return txt.value;
}
例如:http://jsfiddle.net/k65s3/
输入:
Entity: Bad attempt at XSS:<script>alert('new\nline?')</script><br>
输出:
Entity: Bad attempt at XSS:<script>alert('new\nline?')</script><br>
如果你不想使用html/dom，你可以使用regex。我还没有测试过;但是有些事情是这样的:
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);
});
}
(编辑)
注意:这只适用于数值型的html实体，而不是像&oring这样的东西。
[编辑2]
修正了函数(一些错别字)，测试在这里:http://jsfiddle.net/Be2Bd/1/
