[教學]文章顯示程式碼

Usage: <code> code </code> ref <code class=ref > ref </code>

加上CSS

CODE { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 8pt; overflow:auto; background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:200px; line-height: 1.2em; }

在文章中將程式碼置於<code></code>區塊中即可

另外有些html的特殊符號要換，不然會顯示不出來。

• 將 < 以 &lt; 取代
• 將 > 以 &gt;
• 將 & 以 &amp; 取代

不過如果不想一個一個慢慢打，可以使用http://phpfi.com/ 使用方法：

1. 在source這一個欄位填入你的code，按save送出
2. 將文字選取起來，顯示選取範圍原始碼，將此段文字複製貼上到網頁上即可

參考：參考1 參考2