代碼高亮插件SyntaxHighlighter

第一
      解壓壓縮包，scripts文件夾中包含了各類語言的JS文件，在styles文件夾中是各類顯示高亮的主題

第二
  如何使用？首先要引入其核心javascript文件shCore.js和核心CSS文件shCore.css，這兩個是必選要引入的。其次引入你要高亮的語言JS，好比我想高亮顯示的是C#，那麼必須引入在scripts文件夾中的shBrushCSharp.js，最後引入高亮顯示的主題CSS，默認的爲shThemeDefault.css

第三
      下面以高亮顯示JavaScript代碼爲例講解。

     引入JS和CSS文件以後還要在頁面上寫相關代碼。

 

     引入JS和CSS文件以後還要在頁面上寫相關代碼。

====================================
   

   <script src="syntaxhighlighter/scripts/shCore.js" type="text/javascript"></script>

<link href ="syntaxhighlighter/styles/shCore.css" rel="Stylesheet" type="text/css" />

<script src="syntaxhighlighter/scripts/shBrushCSharp.js" type="text/javascript"></script>

<link href="syntaxhighlighter/styles/shThemeDefault.css" type="text/css" rel="Stylesheet" />

<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushCss.js"></script>

<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushJScript.js"></script>

<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushPhp.js"></script>

<script type="text/javascript" src="syntaxhighlighter/scripts/shBrushXml.js"></script>

<script type="text/javascript">

SyntaxHighlighter.config.clipboardSwf = syntaxhighlighter/scripts/clipboard.swf;

SyntaxHighlighter.all(code);

</script>

　　

Html代碼：

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

在後臺編輯器FCK或者ckinder中添加<pre class="brush:c-sharp" name="code"></pre>==這裏以C#代碼爲例因此添加brush:c-sharp;

 效果圖：