如何安全地将 HTML 和其他符号转换/解析为简单文本？

Question

我有一个使用 NodeJs 和 HTML 开发的聊天应用程序。现在，如果我输入如下内容，我想要的只是：

1. 嗨 > 怎么样？
2. <div style="color:red"></div>
3. & 你能

所有这些都应按原样显示。并且 HTML 标签不应该被渲染并且文本不应该是红色的。简而言之，输出应该是这样的：

1. 嗨 > 怎么样？
2. <div style="color:red"></div>
3. & 你能

我在这里查找了一些旧问题和答案，但我想知道 Facebook、WhatsApp、Quora 等主要网站是如何做这些事情的？就像将 > 和 replace() 这样的方法？

Answer 1

您可以使用<xmp> 标签。里面的所有内容都是纯文本，而不是 HTML。

<xmp><div style="color:red">hi</div></xmp>

或者，您可以使用<plaintext> 标签，但它没有关闭标签，所以使用起来很烦人。

<plaintext><div style="color:red">hi</div></plaintext>

编辑：

您可以使用一些 JavaScript 和 jQuery 来实现：

var text = $('.container').html();
$('.container').text(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container"><div style="color:red">hi</div></div>

这会抓取.container div 中的html，并将其转换为纯文本。