痞客邦把部落格板主回覆區塊的 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 站長自問自答的回覆。

arrow
arrow
    全站熱搜

    bshadow 發表在 痞客邦 留言(7) 人氣()