将 HTML 显示为纯文本答案

【问题标题】：show HTML as plain text将 HTML 显示为纯文本
【发布时间】：2013-05-19 00:35:24
【问题描述】：

我正在寻找一种在浏览器不读取的情况下将 html 显示为 html 的方法，我找到了<plainttext>，但是一旦我启动它我就无法停止它例如：

<plaintext>
    <span> dobeediedabiedadadee olleeeeee</span>
</plaintext>
<h1>hi</h1>

在本例中，span 必须显示为文本，h1 显示为标题，但输出为：

    <span> dobeediedabiedadadee olleeeeee</span>
</plaintext>
<h1>hi</h1>

</body>


</html>

这里有一个 JSFiddle 链接： JSFiddle

也欢迎使用其他纯文本解决方案感谢您的宝贵时间。

【问题讨论】：

【解决方案1】：

这是兼容性问题，某些浏览器完全忽略了

的编码

我建议你改用

【讨论】：

【解决方案2】：

使用 PRE

<pre>
    <span> dobeediedabiedadadee olleeeeee</span>
</pre>
<h1>hi</h1>

【讨论】：

【解决方案3】：

<plaintext> 不是对标签。从该标签到页面的其余部分，所有内容都被解释为文本。然而，这在 HTML5 中不是标准的和过时的：

示例不完全是。不要使用它。

字面上写的是w3 reference

【讨论】：

【解决方案4】：

您始终可以使用javascript to escape the HTML。 Here is a fiddle.

html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");

【讨论】：

【解决方案5】：

以下链接描述了使用<plaintext> 的困难。长话短说，任何浏览器都不完全支持它，您应该改用<pre>。

【讨论】：

【解决方案6】：

plaintexthas long been deprecated，只需使用&gt;和&lt;

&lt;span&gt; dobeediedabiedadadee olleeeeee&lt;/span&gt;

演示：Fiddle

【讨论】：