在blogger裡貼php程式碼

這幾天都在想，用blogspot來取代原本的blog，把之前教學用的網頁都轉到blogger。為了讓php教學也可以搬過來，我自己寫了一小段轉碼工具，只能把<>還有空白取代掉，方便我直接貼進blogger的編輯介面裡。表一是程式碼。應該還有蠻多問題的，且戰且走吧！

表一　在blogger中提供php程式範例之轉碼程式
01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12.	<form method=post action=<?echo $_SERVER['PHP_SELF'];?>> <textarea cols=50 rows=5 name=input></textarea> <input type=submit> <? $input = $_POST['input']; $trans = array(" "=>"&nbsp;",                "<"=>"&lt;",                ">"=>"&gt;"); $input = strtr($input,$trans); $input = str_replace("&","&",$input); echo "<pre>".$input."</pre>"; ?>

而blogger中，我是用一個div跟一個表格來呈現程式碼，其css如表二。文章編輯時，則直接寫個表格，裡頭只有一列來放兩個儲存格，左格只是列號，右格則是程式碼。

表二　在blogger中呈現php程式範例之css設定
01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19.	td.codecontent {   color: blue;   vertical-align: text-top;   width: 550pt; } table.code {   display: block;   font-family: 'Courier New';   font-size: 11pt;   overflow: auto;   border: 1px solid #ccc;   padding: 1px 10px 10px 21px;   max-height: 1200px;   line-height: 1.2em;   letter-spacing: 0px;   margin: 0px 0px 0px 0px;   background: #FFFBC6; }