网页“google-code-prettify”中代码片段的语法突出显示不起作用

【问题标题】：Syntax highlighting of code snippets in a web page "google-code-prettify" not working网页“google-code-prettify”中代码片段的语法突出显示不起作用
【发布时间】：2012-09-26 14:59:35
【问题描述】：

我有以下代码，

<!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">
<head>
    <title></title>
    <link href="../../../Styles/prettify.css" rel="stylesheet" type="text/css" />
    <script src="../../../Scripts/prettify.js" type="text/javascript"></script>
</head>
<body>

<p>And from code behind write following :</p>

<pre class="prettyprint">
    protected void Page_Load(object sender, EventArgs e)
        {
            lblLoading.Text = "Loading News...";
        }
</pre>
</body>
</html>

我无法在结果中看到代码语法。我错过了什么？

结果是这样的：

这里有一个在线演示：http://jsfiddle.net/yKss3/

【问题讨论】：

你确定CSS和JS文件的路径正确吗？
你能检查一下你的css和js路径是否正确吗？你的代码对谷歌来说看起来不错 - 代码 - 美化器

标签： html prettify google-code-prettify

【解决方案1】：

改变

<body>

到

<body onload="prettyPrint()">

Prettify's README file 说：

下载分发版

在您的文档中包含脚本和样式表（您需要确保 css 和 js 文件在您的服务器上，并调整脚本和链接标签中的路径） <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script>

将onload="prettyPrint()" 添加到文档的body 标记中。

修改样式表以获得您喜欢的颜色

【讨论】：

@ Mike ，是的，你是对的..我怎样才能输入行号和复制功能？
@James，行号见google-code-prettify.googlecode.com/svn/trunk/…。
@James 如果您阅读了 Mike 提供的 README 文件，它会告诉您如何将行号放入