Javaの設計哉之道

為了讓程式碼看的清楚點，找了syntaxhighlighter，但是如果要在這裡使用有些問題要先解決

• JS
• <br/>
  

因為這邊沒辦法上傳JS檔，所以要先找到有提供syntaxhighlighter js的網站 - alexgorbatchev

接著把js的Link放在 【頁面模版】下【weblog網頁】的最下面，像這樣子：

<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/1.5.1/styles/SyntaxHighlighter.css"></link> <br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shCore.js"></script> <br /> <br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushJava.js"></script><br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushCSharp.js"></script><br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushJScript.js"></script><br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushSql.js"></script><br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushXml.js"></script><br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushCss.js"></script><br /><script language="javascript" src="http://alexgorbatchev.com/pub/sh/1.5.1/scripts/shBrushCpp.js"></script><br /><script language='javascript'><br />dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/1.5.1/scripts/clipboard.swf';<br />dp.SyntaxHighlighter.HighlightAll("code"); <br /></script>

這樣雖然可以運作，但會有br的問題，因為blog會自動將每行文字加上<br /> ......Orz

上網找瞭解法，就是在顯示前先替換掉就行了

 <script language='javascript'><br />//<![CDATA[<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, "code", "pre");<br />    FindTagsByName(elements, "code", "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,'\n'));<br />   elements[i].replaceChild(newNode, childNode);<br />   <br />  }else if(elements[i].nodeName.toUpperCase() == "PRE") {<br />   brs = elements[i].getElementsByTagName("br");<br />   for(var j = 0, brLength = brs.length; j < brLength; j++) {<br />    var newNode = document.createTextNode("\n");<br />    elements[i].replaceChild(newNode, brs[0]);<br />   }<br />  }<br /> }<br />dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/1.5.1/scripts/clipboard.swf';<br />dp.SyntaxHighlighter.HighlightAll("code"); <br />//]]><br /></script> 

不過還是有一個問題： 好像只能用textarea不能使用pre，用pre還是會顯示不正常，這有空再解吧

有需要的參考一下吧。對了，不要擋JavaScript ......