2012-09-26 65 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