blocks|key|3116862|text|您需要一个函数来执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3116863|return+mystring.replace(/&/g,+"&amp;").replace(/>/g,+"&gt;").replace(/</g,+"&lt;").replace(/"/g,+"&quot;");|code-block|syntax|javascript|3116864|但考虑到您希望对单引号/双引号进行不同的处理。|3116865|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You need a function that does something like</p>

<pre><code>return mystring.replace(/&amp;/g, "&amp;amp;").replace(/&gt;/g, "&amp;gt;").replace(/&lt;/g, "&amp;lt;").replace(/"/g, "&amp;quot;");
</code></pre>

<p>But taking into account your desire for different handling of single/double quotes.</p>


blocks|key|3116943|text|在我看来，最好的方法是使用浏览器内置的HTML转义功能来处理许多情况。为此，只需在DOM树中创建一个元素并将该元素的innerText设置为您的字符串即可。然后检索元素的innerHTML。浏览器将返回一个HTML编码的字符串。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3116944|function+HtmlEncode(s)
{
++var+el+=+document.createElement("div");
++el.innerText+=+el.textContent+=+s;
++s+=+el.innerHTML;
++return+s;
}|code-block|syntax|javascript|3116945|测试运行：|3116946|alert(HtmlEncode('&;\'><"'));|3116947|输出：|3116948|&amp;;'&gt;&lt;"|3116949|Prototype+JS+library也使用这种转义HTML的方法，尽管与我给出的简单示例不同。|3116950|注意:您仍然需要自己转义引号(双引号和单引号)。您可以使用其他人在这里概述的任何方法。|3116951|entityMap|0|LINK|mutability|MUTABLE|url|http://www.prototypejs.org/^0|1M|9|2D|9|0|0|0|0|0|0|0|K|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|19|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1A|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1B|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1C|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|U|3|V|5|6|7|1I|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]]]

<p>The best way in my opinion is to use the browser's inbuilt HTML escape functionality to handle many of the cases. To do this simply create a element in the DOM tree and set the <code>innerText</code> of the element to your string. Then retrieve the <code>innerHTML</code> of the element. The browser will return an HTML encoded string.</p>
<pre><code>function HtmlEncode(s)
{
  var el = document.createElement(&quot;div&quot;);
  el.innerText = el.textContent = s;
  s = el.innerHTML;
  return s;
}
</code></pre>
<p>Test run:</p>
<pre><code>alert(HtmlEncode('&amp;;\'&gt;&lt;&quot;'));
</code></pre>
<p>Output:</p>
<pre><code>&amp;amp;;'&amp;gt;&amp;lt;&quot;
</code></pre>
<p>This method of escaping HTML is also used by the <a href="http://www.prototypejs.org/" rel="noreferrer">Prototype JS library</a> though differently from the simplistic sample I have given.</p>
<p>Note: You will still need to escape quotes (double and single) yourself. You can use any of the methods outlined by others here.</p>


blocks|key|343660|text|此泛型函数将每个非字母字符编码为其htmlcode+(数字)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|343661|function+HTMLEncode(str)+{
++++var+i+=+str.length,
++++++++aRet+=+[];

++++while+(i--)+{
++++++++var+iC+=+str[i].charCodeAt();
++++++++if+(iC+<+65+%7C%7C+iC+>+127+%7C%7C+(iC>90+&&+iC<97))+{
++++++++++++aRet[i]+=+'&#'%2BiC%2B';';
++++++++}+else+{
++++++++++++aRet[i]+=+str[i];
++++++++}
++++}
++++return+aRet.join('');
}|code-block|syntax|javascript|343662|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 generic function encodes every non alphabetic character to its htmlcode (numeric):</p>

<pre><code>function HTMLEncode(str) {
    var i = str.length,
        aRet = [];

    while (i--) {
        var iC = str[i].charCodeAt();
        if (iC &lt; 65 || iC &gt; 127 || (iC&gt;90 &amp;&amp; iC&lt;97)) {
            aRet[i] = '&amp;#'+iC+';';
        } else {
            aRet[i] = str[i];
        }
    }
    return aRet.join('');
}
</code></pre>


blocks|key|3117355|text|对于那些想要对字符串中的整数字符代码(如&#xxx;+)进行解码的人，可以使用以下函数：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|3117356|​|3117357|function+decodeHtmlCharCodes(str)+{+
++return+str.replace(/(&#(\d%2B);)/g,+function(match,+capture,+charCode)+{
++++return+String.fromCharCode(charCode);
++});
}

//+Will+output+"The+show+that+gained+int’l+reputation’!"
console.log(decodeHtmlCharCodes('The+show+that+gained+int&#8217;l+reputation&#8217;!'));|code-block|syntax|javascript|3117358|3117359|ES6|3117360|3117361|const+decodeHtmlCharCodes+=+str+=>+
++str.replace(/(&#(\d%2B);)/g,+(match,+capture,+charCode)+=>+
++++String.fromCharCode(charCode));

//+Will+output+"The+show+that+gained+int’l+reputation’!"
console.log(decodeHtmlCharCodes('The+show+that+gained+int&#8217;l+reputation&#8217;!'));|3117362|3117363|entityMap^0|K|6|U|E|0|0|1|0|0|0|1|0|0|3|0|0|1|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|11|8|@$9|12|A|13|B|D]]|E|@]|F|$]]|$1|I|3|J|5|K|7|14|8|@]|E|@]|F|$L|M]]|$1|N|3|H|5|6|7|15|8|@$9|16|A|17|B|D]]|E|@]|F|$]]|$1|O|3|P|5|6|7|18|8|@$9|19|A|1A|B|D]]|E|@]|F|$]]|$1|Q|3|H|5|6|7|1B|8|@$9|1C|A|1D|B|D]]|E|@]|F|$]]|$1|R|3|S|5|K|7|1E|8|@]|E|@]|F|$L|M]]|$1|T|3|H|5|6|7|1F|8|@$9|1G|A|1H|B|D]]|E|@]|F|$]]|$1|U|3|-4|5|6|7|1I|8|@]|E|@]|F|$]]]|V|$]]

<p>For those who want to <strong>decode</strong> an integer char code like <code>&amp;#xxx;</code> inside a string, use this function:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function decodeHtmlCharCodes(str) { 
  return str.replace(/(&amp;#(\d+);)/g, function(match, capture, charCode) {
    return String.fromCharCode(charCode);
  });
}

// Will output "The show that gained int’l reputation’!"
console.log(decodeHtmlCharCodes('The show that gained int&amp;#8217;l reputation&amp;#8217;!'));</code></pre>
</div>
</div>
</p>

<h2>ES6</h2>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const decodeHtmlCharCodes = str =&gt; 
  str.replace(/(&amp;#(\d+);)/g, (match, capture, charCode) =&gt; 
    String.fromCharCode(charCode));

// Will output "The show that gained int’l reputation’!"
console.log(decodeHtmlCharCodes('The show that gained int&amp;#8217;l reputation&amp;#8217;!'));</code></pre>
</div>
</div>
</p>


blocks|key|3116882|text|创建一个使用字符串replace的函数|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3116883|function+convert(str)
{
++str+=+str.replace(/&/g,+"&amp;");
++str+=+str.replace(/>/g,+"&gt;");
++str+=+str.replace(/</g,+"&lt;");
++str+=+str.replace(/"/g,+"&quot;");
++str+=+str.replace(/'/g,+"&#039;");
++return+str;
}|code-block|syntax|javascript|3116884|entityMap^0|9|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Create a function that uses string <code>replace</code></p>

<pre><code>function convert(str)
{
  str = str.replace(/&amp;/g, "&amp;amp;");
  str = str.replace(/&gt;/g, "&amp;gt;");
  str = str.replace(/&lt;/g, "&amp;lt;");
  str = str.replace(/"/g, "&amp;quot;");
  str = str.replace(/'/g, "&amp;#039;");
  return str;
}
</code></pre>


blocks|key|3329760|text|来自Mozilla+...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3329761|3329762|请注意，charCodeAt将始终返回小于65,536的值。这是因为较高的代码点由一对(较低值的)“代理”伪字符表示，该伪字符用于构成真实字符。因此，为了检查或再现值为65,536及以上的单个字符的完整字符，对于这些字符，不仅需要检索charCodeAt(i)，还需要检索charCodeAt(i%2B1)+(就像检查/再现具有两个>字母的字符串一样)。|blockquote|3329763|3329764|3329765|最佳解决方案|3329766|/**
+*+(c)+2012+Steven+Levithan+<http://slevithan.com/>
+*+MIT+license
+*/
if+(!String.prototype.codePointAt)+{
++++String.prototype.codePointAt+=+function+(pos)+{
++++++++pos+=+isNaN(pos)+?+0+:+pos;
++++++++var+str+=+String(this),
++++++++++++code+=+str.charCodeAt(pos),
++++++++++++next+=+str.charCodeAt(pos+%2B+1);
++++++++//+If+a+surrogate+pair
++++++++if+(0xD800+<=+code+&&+code+<=+0xDBFF+&&+0xDC00+<=+next+&&+next+<=+0xDFFF)+{
++++++++++++return+((code+-+0xD800)+*+0x400)+%2B+(next+-+0xDC00)+%2B+0x10000;
++++++++}
++++++++return+code;
++++};
}

/**
+*+Encodes+special+html+characters
+*+@param+string
+*+@return+{*}
+*/
function+html_encode(string)+{
++++var+ret_val+=+'';
++++for+(var+i+=+0;+i+<+string.length;+i%2B%2B)+{+
++++++++if+(string.codePointAt(i)+>+127)+{
++++++++++++ret_val+%2B=+'&#'+%2B+string.codePointAt(i)+%2B+';';
++++++++}+else+{
++++++++++++ret_val+%2B=+string.charAt(i);
++++++++}
++++}
++++return+ret_val;
}|code-block|syntax|javascript|3329767|使用示例：|3329768|html_encode("✈");|3329769|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Z|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|10|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|11|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|12|8|@]|9|@]|A|$M|N]]|$1|S|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|T|$]]

<p>From Mozilla ...</p>

<blockquote>
  <p>Note that charCodeAt will always return a value that is less than 65,536. This is because the higher code points are represented by a pair of (lower valued) "surrogate" pseudo-characters which are used to comprise the real character. Because of this, in order to examine or reproduce the full character for individual characters of value 65,536 and above, for such characters, it is necessary to retrieve not only charCodeAt(i), but also charCodeAt(i+1) (as if examining/reproducing a string with two >letters).</p>
</blockquote>

<p>The Best Solution</p>

<pre><code>/**
 * (c) 2012 Steven Levithan &lt;http://slevithan.com/&gt;
 * MIT license
 */
if (!String.prototype.codePointAt) {
    String.prototype.codePointAt = function (pos) {
        pos = isNaN(pos) ? 0 : pos;
        var str = String(this),
            code = str.charCodeAt(pos),
            next = str.charCodeAt(pos + 1);
        // If a surrogate pair
        if (0xD800 &lt;= code &amp;&amp; code &lt;= 0xDBFF &amp;&amp; 0xDC00 &lt;= next &amp;&amp; next &lt;= 0xDFFF) {
            return ((code - 0xD800) * 0x400) + (next - 0xDC00) + 0x10000;
        }
        return code;
    };
}

/**
 * Encodes special html characters
 * @param string
 * @return {*}
 */
function html_encode(string) {
    var ret_val = '';
    for (var i = 0; i &lt; string.length; i++) { 
        if (string.codePointAt(i) &gt; 127) {
            ret_val += '&amp;#' + string.codePointAt(i) + ';';
        } else {
            ret_val += string.charAt(i);
        }
    }
    return ret_val;
}
</code></pre>

<p>Usage example:</p>

<pre><code>html_encode("✈");
</code></pre>


blocks|key|347195|text|正如dragon提到的，最干净的方法是使用jQuery|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|347196|function+HtmlEncode(s)+{
++++return+$('<div>').text(s).html();
}

function+HtmlDecode(s)+{
++++return+$('<div>').html(s).text();
}|code-block|syntax|javascript|347197|entityMap^0|2|6|L|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>As was mentioned by <code>dragon</code> the cleanest way to do it is with <code>jQuery</code>:</p>

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

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


blocks|key|3329657|text|function+char_convert()+{

++++var+chars+=+["©","Û","®","ž","Ü","Ÿ","Ý","$","Þ","%25","¡","ß","¢","à","£","á","À","¤","â","Á","¥","ã","Â","¦","ä","Ã","§","å","Ä","¨","æ","Å","©","ç","Æ","ª","è","Ç","«","é","È","¬","ê","É","­","ë","Ê","®","ì","Ë","¯","í","Ì","°","î","Í","±","ï","Î","²","ð","Ï","³","ñ","Ð","´","ò","Ñ","µ","ó","Õ","¶","ô","Ö","·","õ","Ø","¸","ö","Ù","¹","÷","Ú","º","ø","Û","»","ù","Ü","@","¼","ú","Ý","½","û","Þ","€","¾","ü","ß","¿","ý","à","‚","À","þ","á","ƒ","Á","ÿ","å","„","Â","æ","…","Ã","ç","†","Ä","è","‡","Å","é","ˆ","Æ","ê","‰","Ç","ë","Š","È","ì","‹","É","í","Œ","Ê","î","Ë","ï","Ž","Ì","ð","Í","ñ","Î","ò","‘","Ï","ó","’","Ð","ô","“","Ñ","õ","”","Ò","ö","•","Ó","ø","–","Ô","ù","—","Õ","ú","˜","Ö","û","™","×","ý","š","Ø","þ","›","Ù","ÿ","œ","Ú"];+
++++var+codes+=+["&copy;","&#219;","&reg;","&#158;","&#220;","&#159;","&#221;","&#36;","&#222;","&#37;","&#161;","&#223;","&#162;","&#224;","&#163;","&#225;","&Agrave;","&#164;","&#226;","&Aacute;","&#165;","&#227;","&Acirc;","&#166;","&#228;","&Atilde;","&#167;","&#229;","&Auml;","&#168;","&#230;","&Aring;","&#169;","&#231;","&AElig;","&#170;","&#232;","&Ccedil;","&#171;","&#233;","&Egrave;","&#172;","&#234;","&Eacute;","&#173;","&#235;","&Ecirc;","&#174;","&#236;","&Euml;","&#175;","&#237;","&Igrave;","&#176;","&#238;","&Iacute;","&#177;","&#239;","&Icirc;","&#178;","&#240;","&Iuml;","&#179;","&#241;","&ETH;","&#180;","&#242;","&Ntilde;","&#181;","&#243;","&Otilde;","&#182;","&#244;","&Ouml;","&#183;","&#245;","&Oslash;","&#184;","&#246;","&Ugrave;","&#185;","&#247;","&Uacute;","&#186;","&#248;","&Ucirc;","&#187;","&#249;","&Uuml;","&#64;","&#188;","&#250;","&Yacute;","&#189;","&#251;","&THORN;","&#128;","&#190;","&#252","&szlig;","&#191;","&#253;","&agrave;","&#130;","&#192;","&#254;","&aacute;","&#131;","&#193;","&#255;","&aring;","&#132;","&#194;","&aelig;","&#133;","&#195;","&ccedil;","&#134;","&#196;","&egrave;","&#135;","&#197;","&eacute;","&#136;","&#198;","&ecirc;","&#137;","&#199;","&euml;","&#138;","&#200;","&igrave;","&#139;","&#201;","&iacute;","&#140;","&#202;","&icirc;","&#203;","&iuml;","&#142;","&#204;","&eth;","&#205;","&ntilde;","&#206;","&ograve;","&#145;","&#207;","&oacute;","&#146;","&#208;","&ocirc;","&#147;","&#209;","&otilde;","&#148;","&#210;","&ouml;","&#149;","&#211;","&oslash;","&#150;","&#212;","&ugrave;","&#151;","&#213;","&uacute;","&#152;","&#214;","&ucirc;","&#153;","&#215;","&yacute;","&#154;","&#216;","&thorn;","&#155;","&#217;","&yuml;","&#156;","&#218;"];

++++for(x=0;+x<chars.length;+x%2B%2B){
++++++++for+(i=0;+i<arguments.length;+i%2B%2B){
++++++++++++arguments[i].value+=+arguments[i].value.replace(chars[x],+codes[x]);
++++++++}
++++}
+}

char_convert(this);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3329658|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function char_convert() {

    var chars = ["©","Û","®","ž","Ü","Ÿ","Ý","$","Þ","%","¡","ß","¢","à","£","á","À","¤","â","Á","¥","ã","Â","¦","ä","Ã","§","å","Ä","¨","æ","Å","©","ç","Æ","ª","è","Ç","«","é","È","¬","ê","É","­","ë","Ê","®","ì","Ë","¯","í","Ì","°","î","Í","±","ï","Î","²","ð","Ï","³","ñ","Ð","´","ò","Ñ","µ","ó","Õ","¶","ô","Ö","·","õ","Ø","¸","ö","Ù","¹","÷","Ú","º","ø","Û","»","ù","Ü","@","¼","ú","Ý","½","û","Þ","€","¾","ü","ß","¿","ý","à","‚","À","þ","á","ƒ","Á","ÿ","å","„","Â","æ","…","Ã","ç","†","Ä","è","‡","Å","é","ˆ","Æ","ê","‰","Ç","ë","Š","È","ì","‹","É","í","Œ","Ê","î","Ë","ï","Ž","Ì","ð","Í","ñ","Î","ò","‘","Ï","ó","’","Ð","ô","“","Ñ","õ","”","Ò","ö","•","Ó","ø","–","Ô","ù","—","Õ","ú","˜","Ö","û","™","×","ý","š","Ø","þ","›","Ù","ÿ","œ","Ú"]; 
    var codes = ["&amp;copy;","&amp;#219;","&amp;reg;","&amp;#158;","&amp;#220;","&amp;#159;","&amp;#221;","&amp;#36;","&amp;#222;","&amp;#37;","&amp;#161;","&amp;#223;","&amp;#162;","&amp;#224;","&amp;#163;","&amp;#225;","&amp;Agrave;","&amp;#164;","&amp;#226;","&amp;Aacute;","&amp;#165;","&amp;#227;","&amp;Acirc;","&amp;#166;","&amp;#228;","&amp;Atilde;","&amp;#167;","&amp;#229;","&amp;Auml;","&amp;#168;","&amp;#230;","&amp;Aring;","&amp;#169;","&amp;#231;","&amp;AElig;","&amp;#170;","&amp;#232;","&amp;Ccedil;","&amp;#171;","&amp;#233;","&amp;Egrave;","&amp;#172;","&amp;#234;","&amp;Eacute;","&amp;#173;","&amp;#235;","&amp;Ecirc;","&amp;#174;","&amp;#236;","&amp;Euml;","&amp;#175;","&amp;#237;","&amp;Igrave;","&amp;#176;","&amp;#238;","&amp;Iacute;","&amp;#177;","&amp;#239;","&amp;Icirc;","&amp;#178;","&amp;#240;","&amp;Iuml;","&amp;#179;","&amp;#241;","&amp;ETH;","&amp;#180;","&amp;#242;","&amp;Ntilde;","&amp;#181;","&amp;#243;","&amp;Otilde;","&amp;#182;","&amp;#244;","&amp;Ouml;","&amp;#183;","&amp;#245;","&amp;Oslash;","&amp;#184;","&amp;#246;","&amp;Ugrave;","&amp;#185;","&amp;#247;","&amp;Uacute;","&amp;#186;","&amp;#248;","&amp;Ucirc;","&amp;#187;","&amp;#249;","&amp;Uuml;","&amp;#64;","&amp;#188;","&amp;#250;","&amp;Yacute;","&amp;#189;","&amp;#251;","&amp;THORN;","&amp;#128;","&amp;#190;","&amp;#252","&amp;szlig;","&amp;#191;","&amp;#253;","&amp;agrave;","&amp;#130;","&amp;#192;","&amp;#254;","&amp;aacute;","&amp;#131;","&amp;#193;","&amp;#255;","&amp;aring;","&amp;#132;","&amp;#194;","&amp;aelig;","&amp;#133;","&amp;#195;","&amp;ccedil;","&amp;#134;","&amp;#196;","&amp;egrave;","&amp;#135;","&amp;#197;","&amp;eacute;","&amp;#136;","&amp;#198;","&amp;ecirc;","&amp;#137;","&amp;#199;","&amp;euml;","&amp;#138;","&amp;#200;","&amp;igrave;","&amp;#139;","&amp;#201;","&amp;iacute;","&amp;#140;","&amp;#202;","&amp;icirc;","&amp;#203;","&amp;iuml;","&amp;#142;","&amp;#204;","&amp;eth;","&amp;#205;","&amp;ntilde;","&amp;#206;","&amp;ograve;","&amp;#145;","&amp;#207;","&amp;oacute;","&amp;#146;","&amp;#208;","&amp;ocirc;","&amp;#147;","&amp;#209;","&amp;otilde;","&amp;#148;","&amp;#210;","&amp;ouml;","&amp;#149;","&amp;#211;","&amp;oslash;","&amp;#150;","&amp;#212;","&amp;ugrave;","&amp;#151;","&amp;#213;","&amp;uacute;","&amp;#152;","&amp;#214;","&amp;ucirc;","&amp;#153;","&amp;#215;","&amp;yacute;","&amp;#154;","&amp;#216;","&amp;thorn;","&amp;#155;","&amp;#217;","&amp;yuml;","&amp;#156;","&amp;#218;"];

    for(x=0; x&lt;chars.length; x++){
        for (i=0; i&lt;arguments.length; i++){
            arguments[i].value = arguments[i].value.replace(chars[x], codes[x]);
        }
    }
 }

char_convert(this);
</code></pre>


blocks|key|343814|text|如果您需要对、和的支持，库是我所知道的唯一100%25可靠的解决方案！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|343815|343816|示例用法|343817|he.encode('foo+©+bar+≠+baz++qux');+
//+Output+:+'foo+&#xA9;+bar+&#x2260;+baz+&#x1D306;+qux'

he.decode('foo+&copy;+bar+&ne;+baz+&#x1D306;+qux');
//+Output+:+'foo+©+bar+≠+baz++qux'|code-block|syntax|javascript|343818|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|M|8|@]|9|@]|A|$]]|$1|C|3|D|5|6|7|N|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|O|8|@]|9|@]|A|$H|I]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

<p>If you need support for <a href="https://html.spec.whatwg.org/multipage/syntax.html#named-character-references" rel="nofollow noreferrer"><strong>all standardized named character references</strong></a>, <a href="https://mathiasbynens.be/notes/javascript-unicode" rel="nofollow noreferrer"><strong>unicode</strong></a> and <a href="https://mathiasbynens.be/notes/ambiguous-ampersands" rel="nofollow noreferrer"><strong>ambiguous ampersands</strong></a>, the <a href="https://github.com/mathiasbynens/he" rel="nofollow noreferrer"><em><strong>he</strong></em></a> library is the only 100% reliable solution I'm aware of!</p>
<hr />
<h3>Example use</h3>
<pre><code>he.encode('foo © bar ≠ baz  qux'); 
// Output : 'foo &amp;#xA9; bar &amp;#x2260; baz &amp;#x1D306; qux'

he.decode('foo &amp;copy; bar &amp;ne; baz &amp;#x1D306; qux');
// Output : 'foo © bar ≠ baz  qux'
</code></pre>


blocks|key|347154|text|在大多数其他PRE标签中的-and+-使用输出重定向字符(<和>)的批处理文件的纯文本会破坏HTML，但这里是我的提示：TEXTAREA元素中的任何内容-it都不会破坏HTML，主要是因为我们在一个由操作系统实例化和处理的控件中，因此它的内容不会被HTML引擎解析。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|347155|例如，假设我想使用javascript突出显示批处理文件的语法。我只需将代码粘贴到文本区域中，而不用担心HTML保留字符，并让脚本处理文本区域的innerHTML属性，该属性的计算结果是包含HTML保留字符并由相应的ISO-8859-1实体替换的文本。|347156|当您检索元素的innerHTML+(和outerHTML)属性时，浏览器将自动转义特殊字符。使用文本区域(谁知道呢，也许是一个text类型的输入)只会使您不必进行转换(手动或通过代码)。|347157|我使用这个技巧来测试我的语法高亮工具，当我完成创作和测试时，我只是从视图中隐藏了文本区域。|347158|entityMap^0|6|3|1O|8|1G|7|0|20|9|0|7|9|J|9|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|V|8|@$9|W|A|X|B|C]]|E|@]|F|$]]|$1|I|3|J|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|E|@]|F|$]]|$1|K|3|L|5|6|7|13|8|@]|E|@]|F|$]]|$1|M|3|-4|5|6|7|14|8|@]|E|@]|F|$]]]|N|$]]

<p>In a <code>PRE</code> tag -and in most other HTML tags- plain text for a batch file that uses the output redirection characters (&lt; and >) will break the HTML, but <strong>here is my tip</strong>: anything goes in a <code>TEXTAREA</code> element -it will not break the HTML, mainly because we are inside a control instanced and handled by the OS, and therefore its content are not being parsed by the HTML engine.</p>

<p>As an example, say I want to highlight the syntax of my batch file using javascript. I simply paste the code in a textarea without worrying about the HTML reserved characters, and have the script process the <code>innerHTML</code> property of the textarea, which evaluates to the text with the HTML reserved characters replaced by their corresponding ISO-8859-1 entities.</p>

<p>Browsers will escape special characters automatically when you retrieve the <code>innerHTML</code> (and <code>outerHTML</code>) property of an element. Using a textarea (and who knows, maybe an input of type text) just saves you from doing the conversion (manually or through code).</p>

<p>I use this trick to test my syntax highlighter, and when I'm done authoring and testing, I simply hide the textarea from view.</p>


blocks|key|344630|text|解决方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|344631|var+temp+=+$("div").text("<");
var+afterEscape+=+temp.html();+//+afterEscape+==+"&lt;"|code-block|syntax|javascript|344632|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>a workaround:</p>

<pre><code>var temp = $("div").text("&lt;");
var afterEscape = temp.html(); // afterEscape == "&amp;lt;"
</code></pre>


blocks|key|3117057|text|var+swapCodes+++=+new+Array(8211,+8212,+8216,+8217,+8220,+8221,+8226,+8230,+8482,+169,+61558,+8226,+61607);
var+swapStrings+=+new+Array("--",+"--",+"'",++"'",++'"',++'"',++"*",++"...",+"&trade;",+"&copy;",+"&bull;",+"&bull;",+"&bull;");

var+TextCheck+=+{
++++doCWBind:function(div){
++++++++$(div).bind({
++++++++++++bind:function(){
++++++++++++++++TextCheck.cleanWord(div);
++++++++++++},
++++++++++++focus:function(){
++++++++++++++++TextCheck.cleanWord(div);
++++++++++++},
++++++++++++paste:function(){
++++++++++++++++TextCheck.cleanWord(div);
++++++++++++}
++++++++});+
++++},
++++cleanWord:function(div){
++++++++var+output+=+$(div).val();
++++++++for+(i+=+0;+i+<+swapCodes.length;+i%2B%2B)+{
++++++++++++var+swapper+=+new+RegExp("\\u"+%2B+swapCodes[i].toString(16),+"g");
++++++++++++output+=+output.replace(swapper,+swapStrings[i]);
++++++++}
++++++++$(div).val(output);
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3117058|我们现在使用的另一个方法是有效的。上面的一个我让它调用一个脚本，并返回转换后的代码。只适用于小的文本(意思是不是完整的文章/博客等)|unstyled|3117059|3117060|对于上面的。适用于大多数字符。|3117061|var+swapCodes+++=+new+Array(8211,+8212,+8216,+8217,+8220,+8221,+8226,+8230,+8482,+61558,+8226,+61607,161,+162,+163,+164,+165,+166,+167,+168,+169,+170,+171,+172,+173,+174,+175,+176,+177,+178,+179,+180,+181,+182,+183,+184,+185,+186,+187,+188,+189,+190,+191,+192,+193,+194,+195,+196,+197,+198,+199,+200,+201,+202,+203,+204,+205,+206,+207,+208,+209,+210,+211,+212,+213,+214,+215,+216,+217,+218,+219,+220,+221,+222,+223,+224,+225,+226,+227,+228,+229,+230,+231,+232,+233,+234,+235,+236,+237,+238,+239,+240,+241,+242,+243,+244,+245,+246,+247,+248,+249,+250,+251,+252,+253,+254,+255,+338,+339,+352,+353,+376,+402);
var+swapStrings+=+new+Array("--",+"--",+"'",++"'",++'"',++'"',++"*",++"...",+"&trade;",+"&bull;",+"&bull;",+"&bull;",+"&iexcl;",+"&cent;",+"&pound;",+"&curren;",+"&yen;",+"&brvbar;",+"&sect;",+"&uml;",+"&copy;",+"&ordf;",+"&laquo;",+"&not;",+"&shy;",+"&reg;",+"&macr;",+"&deg;",+"&plusmn;",+"&sup2;",+"&sup3;",+"&acute;",+"&micro;",+"&para;",+"&middot;",+"&cedil;",+"&sup1;",+"&ordm;",+"&raquo;",+"&frac14;",+"&frac12;",+"&frac34;",+"&iquest;",+"&Agrave;",+"&Aacute;",+"&Acirc;",+"&Atilde;",+"&Auml;",+"&Aring;",+"&AElig;",+"&Ccedil;",+"&Egrave;",+"&Eacute;",+"&Ecirc;",+"&Euml;",+"&Igrave;",+"&Iacute;",+"&Icirc;",+"&Iuml;",+"&ETH;",+"&Ntilde;",+"&Ograve;",+"&Oacute;",+"&Ocirc;",+"&Otilde;",+"&Ouml;",+"&times;",+"&Oslash;",+"&Ugrave;",+"&Uacute;",+"&Ucirc;",+"&Uuml;",+"&Yacute;",+"&THORN;",+"&szlig;",+"&agrave;",+"&aacute;",+"&acirc;",+"&atilde;",+"&auml;",+"&aring;",+"&aelig;",+"&ccedil;",+"&egrave;",+"&eacute;",+"&ecirc;",+"&euml;",+"&igrave;",+"&iacute;",+"&icirc;",+"&iuml;",+"&eth;",+"&ntilde;",+"&ograve;",+"&oacute;",+"&ocirc;",+"&otilde;",+"&ouml;",+"&divide;",+"&oslash;",+"&ugrave;",+"&uacute;",+"&ucirc;",+"&uuml;",+"&yacute;",+"&thorn;",+"&yuml;",+"&#338;",+"&#339;",+"&#352;",+"&#353;",+"&#376;",+"&#402;");|3117062|3117063|我创建了一个javascript文件，它有很多功能，包括上面的功能。http://www.neotropicsolutions.com/JSChars.zip|offset|length|3117064|所有需要的文件都包含在内。我添加了jQuery+1.4.4。很简单，因为我在其他版本中看到了问题，但还没有尝试它们。|3117065|Requires:+jQuery+&+jQuery+Impromptu+from:+http://trentrichardson.com/Impromptu/index.php

1.+Word+Count
2.+Character+Conversion
3.+Checks+to+ensure+this+is+not+passed:+"notsomeverylongstringmissingspaces"
4.+Checks+to+make+sure+ALL+IS+NOT+ALL+UPPERCASE.
5.+Strip+HTML

++++//+Word+Counter
++++$.getScript('js/characters.js',function(){
++++++++++++$('#adtxt').bind("keyup+click+blur+focus+change+paste",
++++++++++++++++function(event){
++++++++++++++++++++TextCheck.wordCount(30,+"#adtxt",+"#adtxt_count",+event);
++++++++++++});
++++++++++++$('#adtxt').blur(
++++++++++++++++function(event){
++++++++++++++++++++TextCheck.check_length('#adtxt');+//+unsures+properly+spaces-not+one+long+word
++++++++++++++++++++TextCheck.doCWBind('#adtxt');//+char+conversion
++++++++++++});

++++++++++++TextCheck.wordCount(30,+"#adtxt",+"#adtxt_count",+false);
++++++++});

++++//HTML
++++<textarea+name="adtxt"+id="adtxt"+rows="10"+cols="70"+class="wordCount"></textarea>
<div+id="adtxt_count"+class="clear"></div>

++++//+Just+Character+Conversions:
++++TextCheck.doCWBind('#myfield');

++++//+Run+through+form+fields+in+a+form+for+case+checking.
++++//+Alerts+user+when+field+is+blur'd.
++++var+labels+=+new+Array("Brief+Description","Website+URL","Contact+Name","Website","Email","Linkback+URL");
++++var+checking+=+new+Array("descr","title","fname","website","email","linkback");
++++TextCheck.check_it(checking,labels);

++++//+Extra+security+to+check+again,+make+sure+form+is+not+submitted
++++var+pass+=+TextCheck.validate(checking,labels);
++++if(pass){
++++++++//do+form+actions
++++}


++++//Strip+HTML
++++<textarea+name="adtxt"+id="adtxt"+rows="10"+cols="70"+onblur="TextCheck.stripHTML(this);"></textarea>|3117066|entityMap|0|LINK|mutability|MUTABLE|url|http://www.neotropicsolutions.com/JSChars.zip^0|0|0|0|0|0|0|Y|19|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|14|8|@]|9|@]|A|$]]|$1|H|3|I|5|F|7|15|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|16|8|@]|9|@]|A|$B|C]]|$1|L|3|-4|5|F|7|17|8|@]|9|@]|A|$]]|$1|M|3|N|5|F|7|18|8|@]|9|@$O|19|P|1A|1|1B]]|A|$]]|$1|Q|3|R|5|F|7|1C|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1D|8|@]|9|@]|A|$B|C]]|$1|U|3|-4|5|F|7|1E|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

<pre><code>var swapCodes   = new Array(8211, 8212, 8216, 8217, 8220, 8221, 8226, 8230, 8482, 169, 61558, 8226, 61607);
var swapStrings = new Array("--", "--", "'",  "'",  '"',  '"',  "*",  "...", "&amp;trade;", "&amp;copy;", "&amp;bull;", "&amp;bull;", "&amp;bull;");

var TextCheck = {
    doCWBind:function(div){
        $(div).bind({
            bind:function(){
                TextCheck.cleanWord(div);
            },
            focus:function(){
                TextCheck.cleanWord(div);
            },
            paste:function(){
                TextCheck.cleanWord(div);
            }
        }); 
    },
    cleanWord:function(div){
        var output = $(div).val();
        for (i = 0; i &lt; swapCodes.length; i++) {
            var swapper = new RegExp("\\u" + swapCodes[i].toString(16), "g");
            output = output.replace(swapper, swapStrings[i]);
        }
        $(div).val(output);
    }
}
</code></pre>

<p>Another one that we use now that works. One above I have it calling a script instead and returns the converted code. Only good on small textareas (meaning not a full on article/blog ect...)</p>

<hr>

<p>For Above. Works on most chars.</p>

<pre><code>var swapCodes   = new Array(8211, 8212, 8216, 8217, 8220, 8221, 8226, 8230, 8482, 61558, 8226, 61607,161, 162, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 174, 175, 176, 177, 178, 179, 180, 181, 182, 183, 184, 185, 186, 187, 188, 189, 190, 191, 192, 193, 194, 195, 196, 197, 198, 199, 200, 201, 202, 203, 204, 205, 206, 207, 208, 209, 210, 211, 212, 213, 214, 215, 216, 217, 218, 219, 220, 221, 222, 223, 224, 225, 226, 227, 228, 229, 230, 231, 232, 233, 234, 235, 236, 237, 238, 239, 240, 241, 242, 243, 244, 245, 246, 247, 248, 249, 250, 251, 252, 253, 254, 255, 338, 339, 352, 353, 376, 402);
var swapStrings = new Array("--", "--", "'",  "'",  '"',  '"',  "*",  "...", "&amp;trade;", "&amp;bull;", "&amp;bull;", "&amp;bull;", "&amp;iexcl;", "&amp;cent;", "&amp;pound;", "&amp;curren;", "&amp;yen;", "&amp;brvbar;", "&amp;sect;", "&amp;uml;", "&amp;copy;", "&amp;ordf;", "&amp;laquo;", "&amp;not;", "&amp;shy;", "&amp;reg;", "&amp;macr;", "&amp;deg;", "&amp;plusmn;", "&amp;sup2;", "&amp;sup3;", "&amp;acute;", "&amp;micro;", "&amp;para;", "&amp;middot;", "&amp;cedil;", "&amp;sup1;", "&amp;ordm;", "&amp;raquo;", "&amp;frac14;", "&amp;frac12;", "&amp;frac34;", "&amp;iquest;", "&amp;Agrave;", "&amp;Aacute;", "&amp;Acirc;", "&amp;Atilde;", "&amp;Auml;", "&amp;Aring;", "&amp;AElig;", "&amp;Ccedil;", "&amp;Egrave;", "&amp;Eacute;", "&amp;Ecirc;", "&amp;Euml;", "&amp;Igrave;", "&amp;Iacute;", "&amp;Icirc;", "&amp;Iuml;", "&amp;ETH;", "&amp;Ntilde;", "&amp;Ograve;", "&amp;Oacute;", "&amp;Ocirc;", "&amp;Otilde;", "&amp;Ouml;", "&amp;times;", "&amp;Oslash;", "&amp;Ugrave;", "&amp;Uacute;", "&amp;Ucirc;", "&amp;Uuml;", "&amp;Yacute;", "&amp;THORN;", "&amp;szlig;", "&amp;agrave;", "&amp;aacute;", "&amp;acirc;", "&amp;atilde;", "&amp;auml;", "&amp;aring;", "&amp;aelig;", "&amp;ccedil;", "&amp;egrave;", "&amp;eacute;", "&amp;ecirc;", "&amp;euml;", "&amp;igrave;", "&amp;iacute;", "&amp;icirc;", "&amp;iuml;", "&amp;eth;", "&amp;ntilde;", "&amp;ograve;", "&amp;oacute;", "&amp;ocirc;", "&amp;otilde;", "&amp;ouml;", "&amp;divide;", "&amp;oslash;", "&amp;ugrave;", "&amp;uacute;", "&amp;ucirc;", "&amp;uuml;", "&amp;yacute;", "&amp;thorn;", "&amp;yuml;", "&amp;#338;", "&amp;#339;", "&amp;#352;", "&amp;#353;", "&amp;#376;", "&amp;#402;");
</code></pre>

<hr>

<p>I create a javascript file that has a lot of functionality including the above.
<a href="http://www.neotropicsolutions.com/JSChars.zip" rel="nofollow">http://www.neotropicsolutions.com/JSChars.zip</a></p>

<p>All files needed are included. I added jQuery 1.4.4. Simply because I saw issues in other versions, yet to try them out.</p>

<pre><code>Requires: jQuery &amp; jQuery Impromptu from: http://trentrichardson.com/Impromptu/index.php

1. Word Count
2. Character Conversion
3. Checks to ensure this is not passed: "notsomeverylongstringmissingspaces"
4. Checks to make sure ALL IS NOT ALL UPPERCASE.
5. Strip HTML

    // Word Counter
    $.getScript('js/characters.js',function(){
            $('#adtxt').bind("keyup click blur focus change paste",
                function(event){
                    TextCheck.wordCount(30, "#adtxt", "#adtxt_count", event);
            });
            $('#adtxt').blur(
                function(event){
                    TextCheck.check_length('#adtxt'); // unsures properly spaces-not one long word
                    TextCheck.doCWBind('#adtxt');// char conversion
            });

            TextCheck.wordCount(30, "#adtxt", "#adtxt_count", false);
        });

    //HTML
    &lt;textarea name="adtxt" id="adtxt" rows="10" cols="70" class="wordCount"&gt;&lt;/textarea&gt;
&lt;div id="adtxt_count" class="clear"&gt;&lt;/div&gt;

    // Just Character Conversions:
    TextCheck.doCWBind('#myfield');

    // Run through form fields in a form for case checking.
    // Alerts user when field is blur'd.
    var labels = new Array("Brief Description","Website URL","Contact Name","Website","Email","Linkback URL");
    var checking = new Array("descr","title","fname","website","email","linkback");
    TextCheck.check_it(checking,labels);

    // Extra security to check again, make sure form is not submitted
    var pass = TextCheck.validate(checking,labels);
    if(pass){
        //do form actions
    }


    //Strip HTML
    &lt;textarea name="adtxt" id="adtxt" rows="10" cols="70" onblur="TextCheck.stripHTML(this);"&gt;&lt;/textarea&gt;
</code></pre>


blocks|key|342298|text|+<!doctype+html>
++++<html+lang="en">
++++<head>
++++++<meta+charset="utf-8">
++++++<title>html</title>++
++++++<script>
++++++$(function()+{+++
++++++document.getElementById('test').innerHTML+=+"&amp;";
++++++});

++++++</script>
++++</head>
++++<body>
++++<div+id="test"></div>
++++</body>
++++</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|342299|您可以使用上面的代码简单地将特殊字符转换为html。|unstyled|342300|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code> &lt;!doctype html&gt;
    &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;html&lt;/title&gt;  
      &lt;script&gt;
      $(function() {   
      document.getElementById('test').innerHTML = "&amp;amp;";
      });

      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;div id="test"&gt;&lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>you can simply convert special characters to html using above code.   </p>


blocks|key|3117261|text|这是一个很好的库，我发现它在这种情况下非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3117262|https://github.com/mathiasbynens/he|offset|length|3117263|根据作者的说法：|3117264|3117265|它支持所有标准化的命名字符引用，像浏览器一样处理模糊的&号和其他边缘情况，有一个广泛的测试套件，而且-与许多其他JavaScript解决方案相反-他可以很好地处理星形Unicode符号|blockquote|3117266|3117267|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|Z|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|10|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|11|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

<p>Here's a good library I've found very useful in this context.</p>

<p><a href="https://github.com/mathiasbynens/he" rel="nofollow">https://github.com/mathiasbynens/he</a></p>

<p>According to its author:</p>

<blockquote>
  <p>It supports all standardized named character references as per HTML,
  handles ambiguous ampersands and other edge cases just like a browser
  would, has an extensive test suite, and — contrary to many other
  JavaScript solutions — he handles astral Unicode symbols just fine</p>
</blockquote>


blocks|key|3117001|text|function+escape+(text)
{
++return+text.replace(/[<>\&\"\']/g,+function(c)+{
++++return+'&#'+%2B+c.charCodeAt(0)+%2B+';';
++});
}

alert(escape("<>&'\""));|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3117002|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function escape (text)
{
  return text.replace(/[&lt;&gt;\&amp;\"\']/g, function(c) {
    return '&amp;#' + c.charCodeAt(0) + ';';
  });
}

alert(escape("&lt;&gt;&amp;'\""));
</code></pre>


blocks|key|3117285|text|下面是我在不需要Jquery的情况下使用的几个方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3117286|您可以对字符串中的每个字符进行编码：|offset|length|style|BOLD|3117287|function+encode(e){return+e.replace(/[%5E]/g,function(e){return"&#"%2Be.charCodeAt(0)%2B";"})}|code-block|syntax|javascript|3117288|或者只针对要担心的主要安全编码字符(&，inebreaks，<，>，“+')，如：|3117289|​|3117290|function+encode(r){
return+r.replace(/[\x26\x0A\<>'"]/g,function(r){return"&#"%2Br.charCodeAt(0)%2B";"})
}

test.value=encode('How+to+encode\nonly+html+tags+&<>\'"+nice+&+fast!');

/*************
*+\x26+is+&ampersand+(it+has+to+be+first),
*+\x0A+is+newline,
*************/|3117291|<textarea+id=test+rows="9"+cols="55">www.WHAK.com</textarea>|3117292|3117293|entityMap^0|0|F|3|0|0|0|15|0|0|1|0|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|12|8|@$D|13|E|14|F|G]]|9|@]|A|$]]|$1|O|3|P|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|Q|3|R|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|S|3|T|5|J|7|19|8|@]|9|@]|A|$K|L]]|$1|U|3|P|5|6|7|1A|8|@$D|1B|E|1C|F|G]]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|W|$]]

<p>Here are a couple methods I use without the need of Jquery:</p>

<p>You can <strong>encode every character</strong> in your string:</p>

<pre><code>function encode(e){return e.replace(/[^]/g,function(e){return"&amp;#"+e.charCodeAt(0)+";"})}
</code></pre>

<p>Or just target the main <strong>safe encoding characters</strong> to worry about (&amp;, inebreaks, &lt;, >, " and ') like:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function encode(r){
return r.replace(/[\x26\x0A\&lt;&gt;'"]/g,function(r){return"&amp;#"+r.charCodeAt(0)+";"})
}

test.value=encode('How to encode\nonly html tags &amp;&lt;&gt;\'" nice &amp; fast!');

/*************
* \x26 is &amp;ampersand (it has to be first),
* \x0A is newline,
*************/</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;textarea id=test rows="9" cols="55"&gt;www.WHAK.com&lt;/textarea&gt;</code></pre>
</div>
</div>
</p>


blocks|key|3117218|text|这不能直接回答您的问题，但是如果您使用innerHTML在元素中写入文本，并且遇到了编码问题，那么只需使用textContent，即：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3117219|var+s+=+"Foo+'bar'+baz+<qux>";

var+element+=+document.getElementById('foo');
element.textContent+=+s;

//+<div+id="foo">Foo+'bar'+baz+<qux></div>|code-block|syntax|javascript|3117220|entityMap^0|J|9|1H|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>This doesn't direcly answer your question, but if you are using <code>innerHTML</code> in order to write text within an element and you ran into encoding issues, just use <code>textContent</code>, i.e.:</p>

<pre><code>var s = "Foo 'bar' baz &lt;qux&gt;";

var element = document.getElementById('foo');
element.textContent = s;

// &lt;div id="foo"&gt;Foo 'bar' baz &lt;qux&gt;&lt;/div&gt;
</code></pre>


blocks|key|347305|text|我们可以使用javascript+DOMParser进行特殊字符转换。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|347306|const+parser+=+new+DOMParser();
const+convertedValue+=+(parser.parseFromString("&#039+&amp+&#039+&lt+&gt",+"application/xml").body.innerText;|code-block|syntax|javascript|347307|entityMap^0|H|9|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>We can use javascript <code>DOMParser</code> for special characters conversion. </p>

<pre><code>const parser = new DOMParser();
const convertedValue = (parser.parseFromString("&amp;#039 &amp;amp &amp;#039 &amp;lt &amp;gt", "application/xml").body.innerText;
</code></pre>


blocks|key|343844|text|下面是在JS中对xml转义字符进行编码的简单函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|343845|Encoder.htmlEncode(unsafeText)；|343846|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>Following is the simple function to encode xml escape chars in JS </p>

<p>Encoder.htmlEncode(unsafeText);</p>


blocks|key|342372|text|如果您使用的是Lodash，则可以执行以下操作(从文档中复制粘贴)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|342373|_.escape('fred,+barney,+&+pebbles');
//+=>+'fred,+barney,+&amp;+pebbles'|code-block|syntax|javascript|342374|欲了解更多信息，请访问：|342375|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/^0|7|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

<p>If you're using <a href="https://lodash.com/" rel="nofollow noreferrer">Lodash</a>, you can do (copy pasted from documentation):</p>
<pre><code>_.escape('fred, barney, &amp; pebbles');
// =&gt; 'fred, barney, &amp;amp; pebbles'
</code></pre>
<p>For more information: <em><a href="https://lodash.com/docs/4.17.15#escape" rel="nofollow noreferrer">_.escape([string=''])</a></em></p>


blocks|key|342386|text|我自己已经为此挣扎了很长一段时间，但我决定使用这个负匹配正则表达式来匹配所有特殊字符，并将它们转换为相关的字符代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|342387|var+encoded+=+value.replace(/[%5EA-Za-z0-9]/g,+function(i)+{
++++return+'&#'+%2B+i.charCodeAt(0)+%2B+';';
});|code-block|syntax|javascript|342388|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>I had struggled with this myself for quite some time, but I settled on using this negative match regex to match all special characters and convert them to their relevant character codes:</p>
<pre><code>var encoded = value.replace(/[^A-Za-z0-9]/g, function(i) {
    return '&amp;#' + i.charCodeAt(0) + ';';
});
</code></pre>


blocks|key|343631|text|<html>
<body>
<script+type="text/javascript">
var+str=+"&\"'<>";
alert('B4+Change:\n'+%2B+str);
str=+str.replace(/\&/g,'&amp;');
str=+str.replace(/</g,'&lt;');
str=+str.replace(/>/g,'&gt;');
str=+str.replace(/\"/g,'&quot;');
str=+str.replace(/\'/g,'&#039;');
alert('After+change:\n'+%2B+str);
</script>
</body>
</html>++++++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|343632|使用以下代码进行测试：http://www.w3schools.com/js/tryit.asp?filename=tryjs_text|unstyled|offset|length|343633|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/js/tryit.asp?filename=tryjs_text^0|0|B|1L|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>&lt;html&gt;
&lt;body&gt;
&lt;script type="text/javascript"&gt;
var str= "&amp;\"'&lt;&gt;";
alert('B4 Change:\n' + str);
str= str.replace(/\&amp;/g,'&amp;amp;');
str= str.replace(/&lt;/g,'&amp;lt;');
str= str.replace(/&gt;/g,'&amp;gt;');
str= str.replace(/\"/g,'&amp;quot;');
str= str.replace(/\'/g,'&amp;#039;');
alert('After change:\n' + str);
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;      
</code></pre>

<p>use this to test: <a href="http://www.w3schools.com/js/tryit.asp?filename=tryjs_text" rel="nofollow noreferrer">http://www.w3schools.com/js/tryit.asp?filename=tryjs_text</a></p>


blocks|key|3117032|text|可以，但如果您需要将生成的字符串插入到某个位置而不将其转换回来，则需要执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3117033|str.replace(/'/g,"&amp;amp;#39;");+//+and+so+on|code-block|syntax|javascript|3117034|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>Yes, but if you need to insert the resulting string somewhere without it being converted back, you need to do:</p>

<pre><code>str.replace(/'/g,"&amp;amp;amp;#39;"); // and so on
</code></pre>


blocks|key|3117087|text|使用javaScript函数escape()，它允许您对字符串进行编码。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3117088|，例如|style|BOLD|3117089|escape("yourString");|code-block|syntax|javascript|3117090|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Functions#escape_and_unescape_functions^0|E|8|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@$A|Z|B|10|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>Use the javaScript Function <a href="https://developer.mozilla.org/en/Core_JavaScript_1.5_Guide/Functions#escape_and_unescape_functions" rel="nofollow">escape()</a>, that lets you encode strings.</p>

<p><strong>e.g.,</strong></p>

<pre><code>escape("yourString");
</code></pre>


<p>Does any one know how to convert special characters to <code>HTML</code> in <code>Javascript</code>?</p>

<p>Example:</p>

<ul>
<li><code>&amp;</code> (ampersand) becomes <code>&amp;amp</code>.</li>
<li><code>"</code> (double quote) becomes <code>&amp;quot</code> when <code>ENT_NOQUOTES</code> is not set.</li>
<li><code>'</code> (single quote) becomes <code>&amp;#039</code> only when <code>ENT_QUOTES</code> is set.</li>
<li><code>&lt;</code> (less than) becomes <code>&amp;lt</code>.</li>
<li><code>&gt;</code> (greater than) becomes <code>&amp;gt</code>.</li>
</ul>


Convert special characters to HTML in Javascript

jQuery

有谁知道如何在Javascript中将特殊字符转换为HTML示例：& (与号)变为&amp." (双引号)时变为set.' (单引号)仅当ENT_NOQUOTES为set.< (小于)时变为&#039 (单引号)变为&lt.> (大于)变为&gt. (大于)时ENT_QUOTES变为ENT_QUOTES

问在Javascript中将特殊字符转换为HTML
EN

回答 24

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Javascript中将特殊字符转换为HTMLEN

回答 24

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Javascript中将特殊字符转换为HTML
EN