2010年5月15日 星期六

加入CODE的高亮度顯示

這是一套由 Google 所推出Google Code Prettify

可以由此下載http://google-code-prettify.googlecode.com/files/prettify-small-5-Jul-2008.zip

或是由GOOGLE載入
<script type="text/javascript" src="http://jsgears.googlecode.com/svn/trunk/prettify.min/prettify.js"></script>


要載入的東西
<link href="prettify.css" type="text/css" rel="stylesheet" />  <script type="text/javascript" src="prettify.js"></script>

使用上
<pre class=prettyprint>
中間為程式碼,須先經由htmlspecialchars轉換
</pre>

最後在 body 內加上
<body onload="prettyPrint()">

若是不能在body onload 
<script type="text/javascript">
var oldonload = window.onload;
if (typeof window.onload != 'function') {
  window.onload = prettyPrint;
}
else {
  window.onload = function() {
    oldonload();
    prettyPrint();
  }
}
</script>