Question

我想在HTML页面上显示代码字符。但无论我尝试什么，它总是呈现HTML字符。 pre或code不起作用。我怎么能这样做？

Answer 1

<xmp>代码不需要转义内容。

例如：

<xmp>
    <p>Blah &nbsp;</p>
</xmp>

...在屏幕上看起来像这样：

    <p>Blah &nbsp;</p>

Answer 2

您需要使用character references而不是普通字符本身：

<code>&lt;HTML&gt;</code>

元素code和pre只是将内容标记为代码或预先格式化。

Answer 3

逃避他们 &将打印&
<将打印>

你没有提到你用来生成html的内容，如果你手动编辑，一些编辑可以选择逃避选择。如果您正在使用某种语言，请查找一些可以转义html特殊字符的函数。（谷歌如何在language-name-here）

中转义html

Answer 4

以您的语言查找HTML编码功能。

string s = HtmlEncode(myInput);
response.write(s)

或类似的

Answer 5

由于标签现已折旧：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp

您可以使用PHP转换HTML标记：

<code> <?php print htmlentities('<p>Blah</p>'); ?> </code>

Answer 6

从

下载tinymce

https://www.tinymce.com/download/

<html>
    <head>
    <script src='tinymce/js/tinymce.min.js'></script>
    <script>
    tinymce.init({
        selector: '#myTextarea',
        height: 300,
        width:800,
        theme: 'modern',
        plugins: [
          'advlist autolink lists link image charmap print preview hr anchor pagebreak',
          'searchreplace wordcount visualblocks visualchars code fullscreen',
          'insertdatetime media nonbreaking save table contextmenu directionality',
          'emoticons template paste textcolor colorpicker textpattern imagetools'
        ],
        toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
        toolbar2: 'print preview media | forecolor backcolor emoticons',
        image_advtab: true
    });
    </script>
    </head>
    <body>

    <textarea  name="myTextarea" id="myTextarea" rows="4" cols="50">Hello Ashish</textarea>
    <input type='submit' value='save'/>
    </body>
    </html>

Answer 7

try wrapping HTML content in <textarea></textarea> For ex: <pre> <textarea> <html> </html> </textarea> </pre> Works in awesome way. You don't have to use obsolete <XMP> example tag. <textarea> tag will wrap the content in text area. Try out !

如何在HTML上打印代码

7 个答案: