如何将HTML标签显示为纯文本


211

我的网站上有一个允许使用HTML的输入表单,我正在尝试添加有关使用HTML标签的说明。我想要文字

<strong>Look just like this line - so then know how to type it</strong>

但是到目前为止,我得到的是:

看起来就像这行-因此知道如何键入它

如何显示标签,以便人们知道要输入什么?

Answers:


296

更换<&lt;>&gt;


6
从技术上讲,您只需将<替换为&lt; 为大多数浏览器所识别,但是> by&gt; 是一个好习惯
cwallenpoole 2011年

8
@Darm -1未提及htmlspecialchars()。如果有正当的理由,请纠正我:)
Ronen Ness

7
如果问题的文本是由PHP生成的,则htmlspecialchars()会执行以下答案:将小于和大于符号(和其他符号)替换为其HTML实体。但是问题没有具体说明,因此这个更笼统的答案是所有特定于PHP答案的超集。问题实际上是关于HTML的。
手柄

与其他注释相反,此答案为我节省了100%,我在这里找到的一些答案会说只使用php并回显“ <?// like this?>”; 但这仍然没有显示出来。另一方面,这个答案总共为我节省了17个字符,并且@handle有一个要点,因此被投票赞成。
ailia


55

正如许多其他人所说的那样,htmlentities()可以解决问题……但是看起来很糟。

<pre>标签包裹起来,您将保留缩进。

echo '<pre>';
echo htmlspecialchars($YOUR_HTML);
echo '</pre>';

36

您应该使用htmlspecialchars。它替换如下字符:

  • “&”(“&”号)变为 &amp;
  • &quot;当未设置ENT_NOQUOTES时,将变为“”(双引号)。
  • &#039;仅当设置了ENT_QUOTES时,“'”(单引号)才变为。
  • “ <”(小于)变为 &lt;
  • '>'(大于)变为 &gt;

13

您可以使用htmlspecialchars()

<?php
$new = htmlspecialchars("<a href='test'>Test</a>", ENT_QUOTES);
echo $new; // &lt;a href=&#039;test&#039;&gt;Test&lt;/a&gt;
?>

6

您只需要编码<>s:

&lt;strong&gt;Look just like this line - so then know how to type it&lt;/strong&gt;

5

要在浏览器中显示HTML标签,请在输出中用<xmp>和</ xmp>标签包围


4
<xmp>现在已经过时了,不仅仅是不推荐使用。不要使用它。
穆罕默德·阿卜杜勒·拉希姆

Google在W3C上进行的快速搜索显示,引入了XMP来显示HTML 3.2和更早版本中的预格式化文本。W3C不赞成使用XMP标签时,建议使用PRE标签作为首选。更新:w3.org/TR/REC-html32#xmpw3.org/MarkUp/html-spec/html-spec_5.html#SEC5.5.2.1 份额编辑后续标志
kophygiddie

3

当回显到浏览器时,您可以使用htmlentities,这将显示标签而不是html对其进行解释。

看到这里http://uk3.php.net/manual/en/function.htmlentities.php

例:

 echo htmlentities("<strong>Look just like this line - so then know how to type it</strong>"); 

输出:

<strong>Look just like this line - so then know how to type it</strong>


0

还有另一种方法

header('Content-Type: text/plain; charset=utf-8');

这使得整个页面都可以作为纯文本...更好的是htmlspecialchars ...

希望这可以帮助...


0

本机JavaScript方法-

('<strong>Look just like ...</strong>').replace(/</ig, '&lt;').replace(/>/ig, '&gt;');

请享用!


1
这篇文章未标记JavaScript。
isherwood

1
谢谢。对我有用。
Khang Dinh Hoang
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.