2015年1月1日 星期四

在Google Blog 網頁中嵌入顯示程式碼

原文出處:符碼記憶

http://www.ewdna.com/2012/02/google-code-prettify.html

在網頁中嵌入顯示程式碼:CSS Block:
http://www.ewdna.com/2012/02/css-block.html

範例
prettyprint 風格
public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, world!");
    }
}
codeblock and prettyprint 風格
public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, world!");
    }
}
步驟一
嵌入步驟(以Blogger為例):
第一步:
進入Blogger後台(登入後在Toolbar右上點選設計),
選範本 -> 選修改HTML -> 繼續。
















新增一段JavaScript程式碼
<style>
.post .codeblock {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
overflow:auto;
background: #f0f0f0 url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAASwCAYAAAAt7rCDAAAABHNCSVQICAgIfAhkiAAAAQJJREFUeJzt0kEKhDAMBdA4zFmbM+W0upqFOhXrDILwsimFR5pfMrXW5jhZr7PwRlxVX8//jNHrGhExjXzdu9c5IiIz+7iqVmB7Hwp4OMa2nhhwN/PRGEMBh3Zjt6KfpzPztxW9MSAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzAMwzB8HS+J9kUTvzEDMwAAAABJRU5ErkJggg==) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:1000px;
line-height: 1.2em;
}
</style>

如果要顯示的是程式碼,若要保持程式的排版,建議使用 <pre> 這個標籤, 如下面這段程式:
<pre class='codeblock'>
public class HelloWorld {

    public static void main (String[] args) {
        System.out.println("Hello, world!");
    }
}
</pre>

沒有留言:

Java 不同編碼字串, 其字串長度大小計算

以 Java 開發專案, 在 DAO 寫入資料庫時, 常遇到JAVA 字串與資料庫編碼不一致, 有時會產生字串過長,導致無法寫入資料庫的情況. 這時就要在入庫前, 先驗證 JAVA 編碼字串是否超出資料庫欄位長度 JAVA 依 不同編碼, 其長度是不一樣的 如: ...