Question

我正在尝试从javascript打印纯HTML，但无法弄清楚如何执行此操作。例如：

$('#elem').html('This is a normal string'); // --> This is a normal string

$('#elem').html('This <b>contains</b> html')
//Current-> This contains html   (contains is bold)
//Wanted-> This <b>contains</b> html

我想这样做是因为我正在处理用户编写的评论，如果他们在评论中添加了一些标签，则不希望应用html标签。但由于其他原因，我需要看标签。

感谢您的帮助！

Answer 1

使用jQuery .text()函数，它会自动将HTML转义为文本！

在这个例子中它是：

$('#elem').text('This <b>contains</b> html')

Answer 2

以下内容应该有效：

$('#elem').text('This <b>contains</b> html');

相关代码段：

$('#an-id').text('<b>I don\'t want this to be HTML</b>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="an-id">This is not HTML!</p>

祝你好运！

查看jQuery documentation以获取更多信息。

Answer 3

您可以使用jQuery .text()方法。

$('#elem').text('This <b>contains</b> html');

示例：

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("#elem").text('This <b>contains</b> html'); }); }); </script> </head> <body> <button>Click ME!!</button> <p id="elem">This is a paragraph.</p> </body> </html>

Javascript：将HTML打印为纯文本

3 个答案: