如何在HTML上打印代码

ljo96ir5 于 2023-01-03 发布在其他

关注(0)|答案(9)|浏览(141)

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

Html

来源：https://stackoverflow.com/questions/1756164/how-to-print-code-on-html

9条答案

按热度按时间

b4wnujal1#

<xmp>标记不需要对内容进行转义。
例如：

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

...在屏幕上显示如下：

<p>Blah &nbsp;</p>

赞(0）回复(0）举报 2023-01-03

u3r8eeie2#

您需要使用字符引用而不是纯字符本身：

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

元素code和pre只是将内容标记为 code 或 preformated。

赞(0）回复(0）举报 2023-01-03

ovfsdjhp3#

通过逃离他们。
&将打印&
<将打印>
你没有提到你是用什么来生成html的，如果你是手动编辑，一些编辑器有选项来转义一个选择。如果你使用的是一种语言，寻找一些函数来转义html特殊字符。（谷歌如何转义language-name-here中的html）

赞(0）回复(0）举报 2023-01-03

w51jfk4q4#

由于标签现已折旧：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp
您可以使用PHP来转换HTML标签：
第一个月

赞(0）回复(0）举报 2023-01-03

ou6hu8tu5#

在您的语言中查找HTML编码函数。

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

或类似

赞(0）回复(0）举报 2023-01-03

w1jd8yoj6#

要在浏览器中显示HTML标记，可以在输出周围加上<xmp><p>HTML<p></xmp>标记

这是解决此问题的简单方法。但此标记已弃用。*

有关详情：xmp
你可以使用htmlentities，但是你不能在JavaScript文件中使用它，因为JavaScript运行在用户的浏览器中，PHP运行在服务器上。

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

赞(0）回复(0）举报 2023-01-03

lrpiutwd7#

所以我用这个在html内容块中显示vue代码。 Package 我想显示的代码两次。例如：

<pre>
<xmp>  
<template> <h1>{{ title }}</h1></template>
<script>

export default {
  name: 'App',
  data(){
    return {
      title: 'My First Vue app :) '
     }
    }
 }
</script>
<xmp>
</pre>

示例here

赞(0）回复(0）举报 2023-01-03

pkwftd7m8#

从以下位置下载缩略语
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>

赞(0）回复(0）举报 2023-01-03

olqngx599#

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 !

赞(0）回复(0）举报 2023-01-03

我来回答

如何在HTML上打印代码

9条答案

相关问题

热门标签

最新问答