Question

怎么用js显示HTML特殊字符

第一张图是添加录入 要求特殊符号<">显示出来
第二张图是添加成功 要求特殊符号<">不会要显示成HTML标签，而是录入什么显示什么（注释：有乱码显示HTML标签，把标签去掉）
第三张图是点击内容修改 要求特殊符号<">会显示出来，录入什么显示什么，不会消失





Answer 1

1、可以使用textarea进行显示；

2、首先进行html编码后再显示：

使用下面的函数html_encode对html字符串进行编码然后显示：

function html_encode(str)  
{  
  var s = "";  
  if (str.length == 0) return "";  
  s = str.replace(/&/g, ">");  
  s = s.replace(/</g, "&lt;");  
  s = s.replace(/>/g, "&gt;");  
  s = s.replace(/ /g, "&nbsp;");  
  s = s.replace(/\'/g, "&#39;");  
  s = s.replace(/\"/g, "&quot;");  
  s = s.replace(/\n/g, "<br>");  
  return s;  
}  
 
function html_decode(str)  
{  
  var s = "";  
  if (str.length == 0) return "";  
  s = str.replace(/&gt;/g, "&");  
  s = s.replace(/&lt;/g, "<");  
  s = s.replace(/&gt;/g, ">");  
  s = s.replace(/&nbsp;/g, " ");  
  s = s.replace(/&#39;/g, "\'");  
  s = s.replace(/&quot;/g, "\"");  
  s = s.replace(/<br>/g, "\n");  
  return s;  
}