网页“ google-code-prettify”中代码段的语法高亮显示不适用于aspx和html代码

Question

我将以下行放在html的标题中

<link href="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.com/bootstrap/assets/js/google-code-prettify/prettify.js" type="text/javascript"></script>

在html中，我想强调一些html代码：

<body onload="prettyPrint()">
    <pre class="prettyprint lang-html">

           <input type="button" value="HELLO"/>

</pre>
</body>

但我不能取消HTML代码：当前的副本在这里： http : //jsfiddle.net/jTYQk/

Answer 1

pre元素不会阻止浏览器呈现内部元素。 http://www.htmlcodetutorial.com/linepar/_PRE.html

通过将您的<更改为< 和>到> ，您将获得正确渲染的效果。 查看http://jsfiddle.net/jTYQk/1/以获得示例。

要么

您也可以将代码包装在<xmp></xmp> 。 在http://jsfiddle.net/jTYQk/2/上查看。

但是，由于xmp已被标记为过时，因此不建议这样做。 参见https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp

网页“ google-code-prettify”中代码段的语法高亮显示不适用于aspx和html代码

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-09-27 14:10:22

网页“ google-code-prettify”中代码段的语法高亮显示不适用于aspx和html代码

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-09-27 14:10:22

解决方案1
1 已采纳 2012-09-27 14:10:22