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編輯模式,就應該讓編輯者盡情的編輯,不需要在幫忙轉換一次了。
的代碼,導致於最後輸出的時候,被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有沒有提供這個功能
-----
2007年1月20日 星期六
訂閱:
文章 (Atom)