2011-02-23

在Blogger上貼程式碼的線上轉換工具

在網頁上顯示程式碼,必須搭配以下 HTML 元素來編寫網頁內容:

  1. 使用code元素,來表示程式的原始碼
  2. 使用pre元素,來使code中的空白、換行,可以依照輸入的狀態來顯示
但是要自己在線上編輯器中編寫這些HTML碼,是有一些麻煩的,通常還需要再加個外框把這些程式碼框起來,還是找個轉換工具來用會比較方便些!

Format My Source Code for Blogging這個網站提供線上轉換的功能,方便又好用。
使用的方法很簡單

  1. 複製要進行HTML格式轉換的程式碼,貼到如上圖的上放區塊中。
  2. 按在『Format Text』進行轉換。
  3. 複製下方區塊轉換完成的HTML內容,貼到線上編輯器。

試試看吧!

沒有留言:

張貼留言