2008年7月17日 星期四

網頁上展示程式碼的轉換工具---Postable

Postable Making your code friendly
http://www.elliotswan.com/postable/
在寫有關一些Hacks語法或是展現小工具時,通常會碰到要將程式碼顯示在部落格上,譬如很多Blog-parts部落格小玩意,通常以Java Script或是embed語法寫的,我們想將語法分享給更多人知道時,這時就要展示程式碼給讀者看,如果常用的人應該知道,就是將特殊符號 < 與 > 改成&lt;及&gt;。

通常我的作法是在Word裡面貼上語法,然後用全部取代的方式將 <改成&lt;,有的人則是直接利用全形符號,然後提醒讀者將全形<改成半形<,這些都是可以利用的方式,很多初入門的格主因為不懂得這些語法應用,就直接把語法貼在編輯文章裡,但是網頁出來的卻是Java Script呈現的效果,而沒法展示語法,感到頭痛,查詢Google後通常就是使用我上面的方式,當然也有比較專門的程式,或其他方法,目前我覺得這個最方便。

比如我要將一張汽車月曆貼紙的,分享語法給大家


如何使用呢,連上Postable網頁,將語法貼上,然後按下make it friendly就會產生程式碼



Free Blog Content


程式碼裡要改的特殊符號很多吧,如果使用Postable不用三秒就可得到程式碼,如下

這就是我們要的程式碼,再用你自己設計的code碼將他框住即可,至於程式碼區的設計可以參考,[筆記]在文章裡顯示優質的程式碼區
<!-- FREE-BLOG-CONTENT.com -->
<br><center><iframe src="http://www.free-blog-content.com/Calendars/calendar00061.htm" width="162" height="228"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
<center><a style="font-size: 3mm" href="http://www.free-blog-content.com/">Free Blog Content</a></center></br>

這樣不是很方便又美觀嗎?

Blogger 新手基本技巧問答(四),有提到如何顯示特殊字元?
在這裡輸入某些特殊字元也可以顯示出來相對應的程式碼,不過不是全部的,也可以運用看看。

2 則留言:

  1. 滿方便的web應用
    受教啦~ :)

    回覆刪除
  2. 我也覺得是很方便的小工具。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能