發卡布洛

痞客邦把部落格板主回覆區塊的 html 鎖起來了，也就是當我們在張貼<、>這類符號時，他會將這兩個字元轉換為&lt;、&gt;，但是我們可以透過一個簡單的replace語法，再把這兩個符號給轉換回來。不過為了貼圖方便，我們不必那麼死板板的單純只做轉換，可以仿造cbox的貼圖方式，設計一個貼圖語法為：[img:圖片網址]。

將以下語法張貼在頁尾描述即可：

<script type="text/javascript">
jQuery("li.reply-text,#latest-comment li").each(function(i){
var $this = jQuery(this);
$this.html($this.html()
.replace("[img:","<img src='")
.replace("]","'>")
)
});
</script>

在使用的時候，只要貼上 [img:圖片網址] 就可以顯示圖片了。

不過我想站長們通常都是把圖片放在同一個資料夾下，因此我們又可以將程式改寫，把空間寫進程式中（請注意程式第 5 行的差異）。

將以下語法張貼在頁尾描述即可：

<script type="text/javascript">
jQuery("li.reply-text,#latest-comment li").each(function(i){
var $this = jQuery(this);
$this.html($this.html()
.replace("[img:","<img src='http://放圖片的空間網址/")
.replace("]","'>")
)
});
</script>

如此，我們只要打上：[img:圖片檔名]，就可以使用了，但要注意的是，這個功能只能顯示 一張 圖片。而且以後回覆留言的時候不能單獨使用 ] 這個字，如果有特別需要用到的話，請修改語法第 6 行的 ] ，將他改為別的字元，如 _] （請自行設計），如果有做此設定的話，當然貼圖語法也要跟著改為 [img:圖片檔名_] 。

套用效果可以參考本篇 blog 站長自問自答的回覆。