blocks|key|820639|text|<pre>标记允许您按原样显示带有空格和换行符的文本。此外，代码必须是实体编码的:例如，代码示例|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|820640|+<html>
+++<head><title></title></head>
+++<body></body>
+</html>|code-block|syntax|javascript|820641|将会变成|820642|<pre>&lt;html>
++&lt;head>&lt;title>&lt;/title>&lt;/head>
++&lt;body>&lt;/body>
&lt;/html></pre>|820643|<编码为&lt;+&编码为&amp;|820644|PHP+htmlentities完成了这项工作：|820645|<pre><?php+echo+htmlentities($code)+?></pre>|820646|<textarea>也可以做到这一点:它还允许复制代码。|820647|entityMap^0|0|5|0|0|0|0|0|1|4|4|9|1|D|5|0|4|C|0|0|0|A|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1G|8|@]|D|@]|E|$I|J]]|$1|U|3|V|5|6|7|1H|8|@$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1K|8|@]|D|@]|E|$]]]|X|$]]

The <code>&lt;pre&gt;</code> tag allows you to display text with whitespaces and line breaks as-is. Also, code must be entity-encoded:
For example, the code sample

<pre><code> &lt;html&gt;
 &lt;head&gt;&lt;title&gt;&lt;/title&gt;&lt;/head&gt;
 &lt;body&gt;&lt;/body&gt;
 &lt;/html&gt;
</code></pre>

will become

<pre><code>&lt;pre&gt;&amp;lt;html&gt;
 &amp;lt;head&gt;&amp;lt;title&gt;&amp;lt;/title&gt;&amp;lt;/head&gt;
 &amp;lt;body&gt;&amp;lt;/body&gt;
&amp;lt;/html&gt;&lt;/pre&gt;
</code></pre>

<code>&lt;</code> encodes into <code>&amp;lt;</code> <code>&amp;</code> encodes into <code>&amp;amp;</code>

PHP <code>htmlentities</code> does the job:

<pre><code>&lt;pre&gt;&lt;?php echo htmlentities($code) ?&gt;&lt;/pre&gt;
</code></pre>

<code>&lt;textarea&gt;</code> does the job too: it also allow the code to be copied.

blocks|key|1035863|text|要以超文本标记语言表示代码，通常需要使用<code>标记。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1035864|你的问题不是很清楚，我不知道你所说的“没有处理标签”是什么意思。例如，如果您想在HTML页面中以代码的形式显示HTML片段，那么您需要对HTML标记进行“转义”，这样web客户端就不会尝试解析它们。|1035865|为此，应为大于号尖括号使用实体&gt;，为小于号括号使用&lt;。|1035866|entityMap^0|K|6|0|0|F|4|S|4|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|K|$]]

To present code in HTML typically one would use the <code>&lt;code&gt;</code> tag.

Your question isn't very clear, and I don't know what you mean by "without the tags being processed". If you're saying that you want to present a fragment of HTML as code in an HTML page (for example), then you need to "escape" the HTML tags so that the web client doesn't attempt to parse them.

To do this, you should use the entity <code>&amp;gt;</code> for the greater-than angle bracket, and <code>&amp;lt;</code> for the less-than bracket.

blocks|key|1035750|text|把它放在一个文本区，它是一个html标签，它将阻止他里面的所有文本被渲染。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1035751|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

put it in a text area, its an html tag that will prevent all text inside him to be rendered

blocks|key|820929|text|如果您使用的是XHTML节声明，那么可以使用CDATA部分：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|820930|<!DOCTYPE+html+PUBLIC+"-//W3C//DTD+XHTML+1.0+Transitional//EN"+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html+xmlns="http://www.w3.org/1999/xhtml"+xml:lang="en"+lang="en"+>
+<head>
+++++<title>My+Example</title>
+</head>
+<body>
+++++<h1>Example!</h1>
+++++<pre><code>
+++++<![CDATA[
+++++++++<div>
+++++++++++++<ol>
+++++++++++++++++<li>a</li>
+++++++++++++++++<li>b</li>
+++++++++++++++++<li>c</li>
+++++++++++++</ol>
+++++++++</div>
+++++]]>
+++++</code></pre>
+</body>
</html>|code-block|syntax|javascript|820931|请注意，您将希望使用.xhtml文件扩展名，并且需要考虑使用Content-Type:+application/xhtml%2Bxml头为这些文档提供服务。|820932|entityMap^0|M|5|0|0|A|6|U|Z|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

If you're using an XHTML <code>&lt;!DOCTYPE&gt;</code> declaration, then you could use <code>CDATA</code> sections:

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" &gt;
 &lt;head&gt;
 &lt;title&gt;My Example&lt;/title&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;h1&gt;Example!&lt;/h1&gt;
 &lt;pre&gt;&lt;code&gt;
 &lt;![CDATA[
 &lt;div&gt;
 &lt;ol&gt;
 &lt;li&gt;a&lt;/li&gt;
 &lt;li&gt;b&lt;/li&gt;
 &lt;li&gt;c&lt;/li&gt;
 &lt;/ol&gt;
 &lt;/div&gt;
 ]]&gt;
 &lt;/code&gt;&lt;/pre&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

Note that you'll want to use a <code>.xhtml</code> file extension and you'll want to consider serving these documents with a <code>Content-Type: application/xhtml+xml</code> header.

blocks|key|1036055|text|尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1036056|<xmp></xmp>|code-block|syntax|javascript|1036057|或|1036058|<code></code>|1036059|例如：|1036060|<pre>
+++++<xmp></xmp>
</pre>

<pre>
+++++<code></code>
</pre>|1036061|再见|1036062|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Try:

<pre><code>&lt;xmp&gt;&lt;/xmp&gt;
</code></pre>

or

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

for exemple:

<pre><code>&lt;pre&gt;
 &lt;xmp&gt;&lt;!-- your html code --&gt;&lt;/xmp&gt;
&lt;/pre&gt;

&lt;pre&gt;
 &lt;code&gt;&lt;!-- your html code --&gt;&lt;/code&gt;
&lt;/pre&gt;
</code></pre>

bye

blocks|key|820738|text|我唯一能想到的就是把你所有的‘<’和‘>’分别转换成‘<’和‘>’|type|unstyled|depth|inlineStyleRanges|entityRanges|data|820739|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

The only thing I can think of is just converting all your ‘&lt;’ and ‘>’ to ‘&amp;lt’ and ‘&amp;gt’ respectively

blocks|key|820815|text|除了把你的代码放在'pre‘标签和转义'<’和‘>’之外，你可能想看起来像是语法突出显示。Alex+Gorbatchev为此编写了一个很好的库。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|820816|http://alexgorbatchev.com/SyntaxHighlighter/|offset|length|820817|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|18|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Beyond putting your code in 'pre' tags and escaping th '&lt;' and'>' you may want to look as syntax highlighting. A good library for this was written by Alex Gorbatchev.

<a href="http://alexgorbatchev.com/SyntaxHighlighter/" rel="nofollow">http://alexgorbatchev.com/SyntaxHighlighter/</a>

blocks|key|820880|text|运行您希望通过htmlspecialchars()显示的超文本标记语言，以便正确地转义您希望在使用PHP时显示的代码。不要使用htmlentities()，因为您的浏览器会因扩展字符而阻塞。例如，如果要输出UTF-8，只需确保页面的编码在<META+HTTP-EQUIV="Content-Type"+CONTENT="text/html;+charset=UTF-8">中设置正确即可。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|820881|祝好运。|820882|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/function.htmlspecialchars.php|1|http://www.php.net/manual/en/function.htmlentities.php^0|2V|5|3B|1V|7|I|0|1R|E|1|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@$9|W|A|X|1|Y]|$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|6|7|12|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]|P|$5|K|L|M|E|$N|Q]]]]

Run the HTML you wish to display though <a href="http://php.net/manual/en/function.htmlspecialchars.php" rel="nofollow">htmlspecialchars()</a> to properly escape the code you wish to display if you're using PHP. Do NOT use <a href="http://www.php.net/manual/en/function.htmlentities.php" rel="nofollow">htmlentities()</a> because your browser will choke on extended characters. Just make sure your page's encoding is set correctly in the <code>&lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"&gt;</code> if you are outputting <code>UTF-8</code> for example.

Good luck.

blocks|key|820595|text|让它成为一个评论。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|820596|This+will+be+rendered.

This+will+be+rendered+too.|code-block|syntax|javascript|820597|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Make it a comment.

<pre><code>&lt;p&gt;This will be rendered.&lt;/p&gt;
&lt;!-- from here on, this is a comment
&lt;p&gt;This won't be rendered.&lt;/p&gt;
end of comment --&gt;
&lt;p&gt;This will be rendered too.&lt;/p&gt;
</code></pre>

blocks|key|1036102|text|这就像宝石一样工作。我正在尝试获取HTML页面上的代码。我们需要使用组合，如下所示。我也对此进行了测试。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1036103|++++<xpm>
++++++++<pre>
++++++++#include&lt;stdio.h&gt;
++++++++void+fun(){
++++++++++++printf("%25s","yooo");
++++++++}
++++++++fun();
+++++++++</pre>
++++</xpm>|code-block|syntax|javascript|1036104|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This works like a gem. I am trying to get the code on the HTML page. We need to use the combo as below. I have tested this as well. 

<pre><code> &lt;xpm&gt;
 &lt;pre&gt;
 #include&amp;lt;stdio.h&amp;gt;
 void fun(){
 printf("%s","yooo");
 }
 fun();
 &lt;/pre&gt;
 &lt;/xpm&gt;
</code></pre>

I want to place an example of code without the tags being processed?

How do I insert code examples into an HTML file?

我想放一个没有处理标记的代码示例？

问如何将代码示例插入到HTML文件中？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将代码示例插入到HTML文件中？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将代码示例插入到HTML文件中？
EN