2008年9月14日 星期日

程式碼高亮度過濾

本來是使用CSS對pre做出明顯的差別,但是後來覺得這樣程式碼的閱讀性還是很低,因此把syntaxhighlighter裝上。
/*Code*/
pre {
  display: block;
  font-family: 'Courier New';
  font-size: 9pt;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 21px;
  max-height: 1200px;
  line-height: 1.2em;
  letter-spacing: 0px;
  color: #000;
  background: #ccc url(code_bg.gif) left top repeat-y;
}
CSS連接碼,一定要放在編輯HTML,Head之中
<link href='你的目錄/Styles/SyntaxHighlighter.css' rel='stylesheet' type='text/css'/>
Javascript連接檔,在旁邊開一個HTML/JavaScript,名稱留白,放入即可
<script language="javascript" src="你的目錄/Scripts/shCore.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushCSharp.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushCpp.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushJava.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushPhp.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushJScript.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushRuby.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushSql.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushXml.js"></script>
<script language="javascript" src="你的目錄/Scripts/shBrushCss.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '你的目錄/Scripts/clipboard.swf';
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

沒有留言: