语法高亮显示网页中的代码段“google-code-prettify”无法正常工作

时间:2012-09-26 14:59:36

标签: html prettify google-code-prettify

我有以下代码,

<!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/

1 个答案:

答案 0 :(得分:5)

更改

<body>

<body onload="prettyPrint()">

Prettify's README file说:

  
      
  1. 下载发行版
  2.   
  3. 在文档中包含脚本和样式表(您需要确保服务器上有css和js文件,并调整脚本和链接标记中的路径)    <link href="prettify.css" type="text/css" rel="stylesheet" />    <script type="text/javascript" src="prettify.js"></script>
  4.   
  5. onload="prettyPrint()"添加到文档的body代码中。
  6.   
  7. 修改样式表以获得您喜欢的颜色
  8.