blocks|key|1753135|text|这是我最喜欢的解码HTML字符的方法。使用此代码的好处是标记也会被保留。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1753136|function+decodeHtml(html)+{
++++var+txt+=+document.createElement("textarea");
++++txt.innerHTML+=+html;
++++return+txt.value;
}|code-block|syntax|javascript|1753137|示例：http://jsfiddle.net/k65s3/|offset|length|1753138|输入：|1753139|Entity:&nbsp;Bad+attempt+at+XSS:<script>alert('new\nline?')</script><br>|1753140|输出：|1753141|Entity: Bad+attempt+at+XSS:<script>alert('new\nline?')</script><br>|1753142|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/k65s3/^0|0|0|3|Q|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|18|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<p>This is my favourite way of decoding HTML characters. The advantage of using this code is that tags are also preserved.</p>

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

<p>Example: <a href="http://jsfiddle.net/k65s3/">http://jsfiddle.net/k65s3/</a></p>

<p>Input:</p>

<pre><code>Entity:&amp;nbsp;Bad attempt at XSS:&lt;script&gt;alert('new\nline?')&lt;/script&gt;&lt;br&gt;
</code></pre>

<p>Output:</p>

<pre><code>Entity: Bad attempt at XSS:&lt;script&gt;alert('new\nline?')&lt;/script&gt;&lt;br&gt;
</code></pre>


blocks|key|1753161|text|如果不想使用html/dom，可以使用regex。我还没有测试过这一点；但大致是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1753162|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);
++++});
}|code-block|syntax|javascript|1753163|编辑|1753164|注意:这只适用于数字html实体，而不是像&oring；这样的东西。|1753165|编辑2|1753166|修复了函数(一些拼写错误)，在这里测试：http://jsfiddle.net/Be2Bd/1/|offset|length|1753167|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Be2Bd/1/^0|0|0|0|0|0|K|S|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>If you don't want to use html/dom, you could use regex. I haven't tested this; but something along the lines of:</p>

<pre><code>function parseHtmlEntities(str) {
    return str.replace(/&amp;#([0-9]{1,3});/gi, function(match, numStr) {
        var num = parseInt(numStr, 10); // read num as normal number
        return String.fromCharCode(num);
    });
}
</code></pre>

<h3>[Edit]</h3>

<p>Note: this would only work for numeric html-entities, and not stuff like &oring;.</p>

<h3>[Edit 2]</h3>

<p>Fixed the function (some typos), test here: <a href="http://jsfiddle.net/Be2Bd/1/" rel="noreferrer">http://jsfiddle.net/Be2Bd/1/</a></p>


blocks|key|1966725|text|有一个JS函数可以处理&#xxxx样式的实体：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1966726|function+at+GitHub|offset|length|1966727|//+encode(decode)+html+text+into+html+entity
var+decodeHtmlEntity+=+function(str)+{
++return+str.replace(/&#(\d%2B);/g,+function(match,+dec)+{
++++return+String.fromCharCode(dec);
++});
};

var+encodeHtmlEntity+=+function(str)+{
++var+buf+=+[];
++for+(var+i=str.length-1;i>=0;i--)+{
++++buf.unshift(['&#',+str[i].charCodeAt(),+';'].join(''));
++}
++return+buf.join('');
};

var+entity+=+'&#39640;&#32423;&#31243;&#24207;&#35774;&#35745;';
var+str+=+'高级程序设计';
console.log(decodeHtmlEntity(entity)+===+str);
console.log(encodeHtmlEntity(str)+===+entity);
//+output:
//+true
//+true|code-block|syntax|javascript|1966728|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/CatTail/4174511^0|0|0|I|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>There's JS function to deal with <em>&amp;#xxxx</em> styled entities:<br>
<a href="https://gist.github.com/CatTail/4174511" rel="noreferrer">function at GitHub</a></p>

<pre><code>// encode(decode) html text into html entity
var decodeHtmlEntity = function(str) {
  return str.replace(/&amp;#(\d+);/g, function(match, dec) {
    return String.fromCharCode(dec);
  });
};

var encodeHtmlEntity = function(str) {
  var buf = [];
  for (var i=str.length-1;i&gt;=0;i--) {
    buf.unshift(['&amp;#', str[i].charCodeAt(), ';'].join(''));
  }
  return buf.join('');
};

var entity = '&amp;#39640;&amp;#32423;&amp;#31243;&amp;#24207;&amp;#35774;&amp;#35745;';
var str = '高级程序设计';
console.log(decodeHtmlEntity(entity) === str);
console.log(encodeHtmlEntity(str) === entity);
// output:
// true
// true
</code></pre>


blocks|key|1966778|text|jQuery将为您进行编码和解码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1966779|​|1966780|function+htmlDecode(value)+{
++return+$("<textarea/>").html(value).text();
}

function+htmlEncode(value)+{
++return+$('<textarea/>').text(value).html();
}|code-block|syntax|javascript|1966781|<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("&lt;img+src+onerror='alert(0)'&gt;"));
});
</script>

<span>htmlEncode()+result:</span><br/>
<div+id="encoded"></div>
<br/>
<span>htmlDecode()+result:</span><br/>
<div+id="decoded"></div>|1966782|1966783|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>jQuery will encode and decode for you.  </p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function htmlDecode(value) {
  return $("&lt;textarea/&gt;").html(value).text();
}

function htmlEncode(value) {
  return $('&lt;textarea/&gt;').text(value).html();
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
$(document).ready(function() {
   $("#encoded")
  .text(htmlEncode("&lt;img src onerror='alert(0)'&gt;"));
   $("#decoded")
  .text(htmlDecode("&amp;lt;img src onerror='alert(0)'&amp;gt;"));
});
&lt;/script&gt;

&lt;span&gt;htmlEncode() result:&lt;/span&gt;&lt;br/&gt;
&lt;div id="encoded"&gt;&lt;/div&gt;
&lt;br/&gt;
&lt;span&gt;htmlDecode() result:&lt;/span&gt;&lt;br/&gt;
&lt;div id="decoded"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1966856|text|这是一个很好的答案。你可以像这样在angular中使用它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1966857|+moduleDefinitions.filter('sanitize',+['$sce',+function($sce)+{
++++return+function(htmlCode)+{
++++++++var+txt+=+document.createElement("textarea");
++++++++txt.innerHTML+=+htmlCode;
++++++++return+$sce.trustAsHtml(txt.value);
++++}
}]);|code-block|syntax|javascript|1966858|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This is so good answer. You can use this with angular like this:</p>

<pre><code> moduleDefinitions.filter('sanitize', ['$sce', function($sce) {
    return function(htmlCode) {
        var txt = document.createElement("textarea");
        txt.innerHTML = htmlCode;
        return $sce.trustAsHtml(txt.value);
    }
}]);
</code></pre>


blocks|key|1966914|text|_.unescape可以满足您的需求|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1966915|https://lodash.com/docs/#unescape|1966916|entityMap|0|LINK|mutability|MUTABLE|url^0|0|A|0|0|X|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@$9|S|A|T|1|U]]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

<p><code>_.unescape</code> does what you're looking for</p>

<p><a href="https://lodash.com/docs/#unescape" rel="noreferrer">https://lodash.com/docs/#unescape</a></p>


<p>Say I get some JSON back from a service request that looks like this:</p>

<pre><code>{
    "message": "We&amp;#39;re unable to complete your request at this time."
}
</code></pre>

<p>I'm not sure <em>why</em> that apostraphe is encoded like that (<code>&amp;#39;</code>); all I know is that I want to decode it.</p>

<p>Here's one approach using jQuery that popped into my head:</p>

<pre><code>function decodeHtml(html) {
    return $('&lt;div&gt;').html(html).text();
}
</code></pre>

<p>That seems (very) hacky, though. What's a better way? Is there a "right" way?</p>


What's the right way to decode a string that has special HTML entities in it?

jQuery

JSON

假设我从一个服务请求中得到一些JSON，如下所示：{    "message": "We&#39;re unable to complete your request at this time."}我不确定为什么这个apostraphe是这样编码的(&#39;)；我只知道我想解码它。下面是我脑海中突然出现的一种使用jQ...

问解码包含特殊HTML实体的字符串的正确方法是什么？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解码包含特殊HTML实体的字符串的正确方法是什么？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问解码包含特殊HTML实体的字符串的正确方法是什么？
EN