HTML代码在页面上源码显示不编译

let str = "<div style='color:grey;'>内容</div>"

this.replaceStr(str);

//把里面的标签替换成字符
replaceStr(strHTML){
      var strTem = "";   
      if (strHTML.length == 0) return "";   
      strTem = strHTML.replace(/&/g, "&gt;");   
      strTem = strTem.replace(/</g, "&lt;");   
      strTem = strTem.replace(/>/g, "&gt;");   
      strTem = strTem.replace(/ /g, "&nbsp;");   
      strTem = strTem.replace(/\'/g, "&#39;");   
      strTem = strTem.replace(/\"/g, "&quot;");   
      strTem = strTem.replace(/\n/g, "");   
      return strTem;   
}

找了好久的办法，<xmp></xmp> <code> </code> <pre></pre>这些办法都试过，好像没太大用处。

可能你们还会遇到的一个问题：数据库存不进去代码，代码中可能会包含一些引号或者其他字符串，有一种办法可以尝试，先编码，存到数据库里面，然后取出来的时候再解码，再用上面我说的到页面上需要源码显示的办法（如果是输入框就不需要用到以上办法，div或者p标签这种可能就需要用到）

PS：如果错误，请多指教~