Question

我想将HTML代码显示为纯文本。
＆＃xA;例如

＆＃xA;＆＃xA;

 ＆lt; div style =“width：250px; “＆gt;＆＃xA;＆lt; xmp＆gt;＆＃xA;＆lt; a href =”＃“＆gt;新元素虚拟文本新元素虚拟文本新元素虚拟文本新元素虚拟文本新元素虚拟文本＆lt; / a＆gt;＆＃xA;＆lt; / xmp＆gt;＆＃xA;＆lt; div＆gt;＆＃xA;  < / pre>＆＃xA;＆＃xA; 问题在于使用＆lt; xmp＆gt; 标记时，忽略包含文本的div宽度。我怎么能解决它。任何其他解决方案而不是＆lt; xmp＆gt; 标签？＆＃xA;

Answer 1

只需使用~~＆lt; xmp＆gt;或~~ <pre>标签不会帮助您将HTML显示为纯文本。只是帮助格式化文本。为了向用户显示HTML，您需要转义所有特殊字符。

例如，将所有<符号替换为<，将所有>符号替换为>。

我只显示了两个符号，快速谷歌搜索将帮助您找到所有符号及其替代品。

如果您正在使用PHP，它已内置函数来执行此操作。即htmlentities($str)。搜索您正在使用的任何语言。

请注意＆lt; xmp＆gt;标签已被弃用。

Answer 2

应该使用设置为visible 和data block的xmp而不是弃用的script。

<div style="width:250px;">
  <script type="text/plain" style="display:block;">
<a href="#"> new element  dummy text new element  dummy text new element  dummy text new element  dummy text new element  dummy text</a>
  </script>
<div>

Answer 3

<div style="width:250px; background:yellow;">
<pre>
<script type="text/plain" style="display:block;">
<a href="#"> new element  dummy 
text new element  dummy text new 
element 
element 
dummy text new element 
dummy text new element 
dummy text</a>
</script>
</pre>
<div>

<xmp>标签的任何替代方法，将html呈现为纯文本

3 个答案: