Discuz 6.0 代碼語法解析高亮

JDP

1.首先到 http://code.google.com/p/syntaxhighlighter/ 下載 SyntaxHighlighter
2.將 SyntaxHighlighter 解壓縮(含目錄)到 discuz\attachments
3.修改\discuz\attachments\dp.SyntaxHighlighter\Scripts\shCore.js (解決複製到剪貼簿時, 空白會變成一堆 )
找到        CopyToClipboard: {<br />                 label: 'copy to clipboard',<br />                 check: function() { return window.clipboardData != null || dp.sh.ClipboardSwf != null; },<br />                 func: function(sender, highlighter)<br />                 {<br />                         var code = dp.sh.Utils.FixForBlogger(highlighter.originalCode)<br />                                 .replace(/&lt;/g,'<')<br />                                 .replace(/&gt;/g,'>')<br />                                 .replace(/&amp;amp;/g,'&')後面加上                                .replace(/&amp;nbsp;/g,' ')4.修改\discuz\viewthread.php (加入 SyntaxHighlighter 解析, 並且解決Discuz自動在換行時加上<br />的問題)
最前面加上
<link type="text/css" rel="stylesheet" href="attachments/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
最後面加上
<script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shCore.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushCSharp.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushJava.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushVb.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushSql.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushDelphi.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushPython.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushRuby.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script><br /> <script class="javascript" src="attachments/dp.SyntaxHighlighter/Scripts/shBrushCpp.js"></script><br /> <script class='javascript'>   <br />     function FindTagsByName(container, name, Tag)   <br />     {   <br />         var elements = document.getElementsByTagName(Tag);   <br />         for (var i = 0; i < elements.length; i++)   <br />         {   <br />             if (elements<i>.getAttribute("name") == name)   <br />             {   <br />                 container.push(elements<i>);   <br />             }   <br />         }   <br />     }   <br />     var elements = [];   <br />     FindTagsByName(elements, "theCode", "textarea");   <br />     <br /> for(var i=0; i < elements.length; i++) {   <br />   if(elements<i>.nodeName.toUpperCase() == "TEXTAREA") {   <br />    var childNode = elements<i>.childNodes[0];   <br />    var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,''));   <br />    elements<i>.replaceChild(newNode, childNode);   <br />   }   <br /> }   <br /> dp.SyntaxHighlighter.HighlightAll("theCode");<br /> </script><br />
5.進入discuz後端管理介面 => 上方"帖子管理" => 左邊"帖子相關"裡的"Discuz!代碼" => 加入 "csharp" => "提交"
  選csharp右邊的"[詳情]" => 替換內容加入<textarea name="theCode" class="csharp" cols="60" rows="10">{1}</textarea>6.重覆步驟5 將csharp,css,cpp,delphi,java,javascript,php,python,ruby,sql,vb,xml加入
7.discuz後端管理介面 => 上方"系統工具" => 左邊"Discuz!工具"裡的"更新緩存" 即可!
8.在文章內容使用 [ csharp ] 及 [ /csharp ] 即可! ([]中無空格)

Reference:
1. http://discuz.bluelovers.net/red ... ewpost&tid=1411
2. http://yehhou.blogspot.com/2007/ ... taxhighlighter.html

JDP

1.開啟 dp.SyntaxHighlighter\Styles\SyntaxHighlighter.css
2.更改字型：
找到
.dp-highlighter<br /> {<br />         font-family: "Consolas", "Courier New", Courier, mono, serif;<br />         font-size: 12px;<br />         background-color: #E7E5DC;<br />         width: 99%;<br />         overflow: auto;<br />         margin: 18px 0 18px 0 !important;<br />         padding-top: 1px; /* adds a little border on top when controls are hidden */<br /> }
將 font-size: 改為所需要的字體大小

3.修正工具列CSS：
找到
.dp-highlighter a,<br /> .dp-highlighter a:hover<br /> {<br />         background: none;<br />         border: none;<br />         padding: 0;<br />         margin: 0;<br /> }
改為
/*<br /> .dp-highlighter a,<br /> .dp-highlighter a:hover<br /> {<br />         background: none;<br />         border: none;<br />         padding: 0;<br />         margin: 0;<br /> }<br /> */