2007年2月5日 星期一

syntaxhighlighter的相關連結檔案

要使用syntaxhighlighter必須要下載該套件中的js以及相關的css檔案,目前網路上看到的作法,都是將相關的檔案上傳到google page,然後再使用該連結連接。感謝google page提供如此好用的功能。 底下列出我在google page上傳的相關檔案連結 http://avilin.googlepages.com/TestPages.css http://avilin.googlepages.com/shBrushCSharp.js http://avilin.googlepages.com/shBrushCpp.js http://avilin.googlepages.com/shBrushCss.js http://avilin.googlepages.com/shBrushJScript.js http://avilin.googlepages.com/shBrushJava.js http://avilin.googlepages.com/shBrushPhp.js http://avilin.googlepages.com/shBrushSql.js http://avilin.googlepages.com/shBrushXml.js http://avilin.googlepages.com/shCore.js http://avilin.googlepages.com/syntaxhighlighter.css 使用的方法: 進入bloger的html編輯模式將 <link type="text/css" rel="stylesheet" href="http://avilin.googlepages.com/syntaxhighlighter.css"></link> <link href="http://avilin.googlepages.com/TestPages.css" rel="stylesheet" type="text/css"> 貼到最上面 然後再將 <script class="javascript" src="Scripts/shCore.js"> <script class="javascript" src="Scripts/shBrush[languageName].js"></script> <script class="javascript"> dp.SyntaxHighlighter.HighlightAll('code'); </script> 貼到最下面,此時再進入撰寫模式,寫到程式碼的時候 記得要將程式碼貼到textarea裡,然後設定textarea的name="code"以及class="[languageName]"即可,千萬記住,此時不要再切回html編輯模式,否則所貼入的程式碼將會被至入許多換行符號。

syntax highight

要在bloger使用syntaxhighlighter是非常麻煩的一件事情,主要是因為bloger會自動幫你斷行,這使的你貼上來的文章會被加上
的代碼,導致於最後輸出的時候,被syntaxhighlighter parse之後變成一行。 目前的作法是一開始便使用html 編輯模式加入該有的css link以及javascript link, 然後再轉回撰寫模式(WUSWUG),此時直接將程式碼貼入textarea的html標籤內,記得需要在撰寫模式內貼入,而且貼完之後還不能轉換html模式,不然又會被加上"
"了,真的是非常的麻煩,bloger太貼心了,其實開放html編輯模式,就應該讓編輯者盡情的編輯,不需要在幫忙轉換一次了。

2007年2月4日 星期日

syntalhilighter

是一個可以幫助highligh程式碼的javascript套件 http://www.dreamprojections.com/SyntaxHighlighter/Default.aspx 目前如果想用在blog的話,需想辦法找一個網路位置放此套件的lib。 不知道google的blog有沒有提供這個功能 -----