Javascript：将html打印为纯文本[重复]
Posted
技术标签:
【中文标题】Javascript：将html打印为纯文本[重复]【英文标题】：Javascript: print html as plain text [duplicate] 【发布时间】：2017-08-28 20:38:16 【问题描述】：我正在尝试从 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
我想这样做是因为我正在使用用户编写的 cmets，并且不希望 html 标签在他们将一些放入他们的 cmets 时应用。但由于其他原因，我需要查看标签。
感谢您的帮助！
【问题讨论】：
使用.text而不是.html！
【参考方案1】：
以下应该有效：
$('#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了解更多信息。
【讨论】：
【参考方案2】：使用 jQuery .text() 函数，它会自动为您将 HTML 转义为文本！
在这个例子中是：
$('#elem').text('This <b>contains</b> html')
【讨论】：
【参考方案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打印为纯文本[重复]的主要内容，如果未能解决你的问题，请参考以下文章