2012-09-26 66 views
1

我有下面的代碼,語法高亮顯示「谷歌代碼美化」不工作

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

+0

確定的CSS和JS文件的路徑是正確的? –

+0

你能否檢查一下你的css和js路徑是否正確?你的代碼對於谷歌來說看起來相當不錯 - 代碼 - 美化工 –

回答

5

變化

<body> 

<body onload="prettyPrint()"> 

Prettify's README file說:

  1. 下載分發
  2. 包括文檔中的腳本和樣式表(你將需要確保的CSS和JS文件在你的服務器上,並調整路徑腳本和鏈接標籤) <link href="prettify.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="prettify.js"></script>
  3. 添加onload="prettyPrint()"到您的文檔的body標籤。
  4. 修改樣式表來獲得着色你喜歡
+0

@ Mike,是的,你是對的..我怎麼能把行號和複製功能? –

+0

@詹姆斯,請參閱http://google-code-prettify.googlecode.com/svn/trunk/README.html#linenums行號。 –

+0

@James如果您閱讀Mike提供的自述文件,它會告訴您如何將行號放入 – Ian