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>

但我无法hightline html代码：当前副本：http://jsfiddle.net/jTYQk/

Answer 1

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

通过更改您的＆lt;到<和＆gt;到>，您可以正确渲染它。请查看http://jsfiddle.net/jTYQk/1/以获取示例。

OR

您也可以将代码包装在<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 个答案: