網頁

2007年7月4日 星期三

自動將貼到Blog的程式碼Code或HTML Code做轉換及編排

因為希望可以直接把寫好的程式碼貼到Blog上,又能夠保持他原來的格式,並且做好排版,之後還要方便修改,因此寫了一個小javascript+css來完成這件事情,結果會如下:



主要的做法是將程式碼放在<code>中,並用註解將程式碼包起來,來避免Browser拿Code去用,如下:
由於Blogger不能放入<![CDATA[ ]]>,因而使用<!-- -->,所以資料要再放同樣的符號就容易產生問題!!


----
<code>
<--
這裏放程式碼
-->
</code>
----


再於<head>中加入以下兩行.




在Google Blogger的小工具"HTML/JavaScript"中使用的方法
由於這個小工具會把css的設定吃掉(放入後存檔就消失了),因此要做一點改寫,如下。