v 網頁上展示程式碼的轉換工具---Postable >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...