最近用dedecms做了個(gè)站，覺(jué)得dede的評(píng)論系統(tǒng)不太好用，就自己對(duì)它進(jìn)行了一番改造，增加了表情、QQ秀、ajax無(wú)刷新等功能。國(guó)內(nèi)有一大批站長(zhǎng)用的是dede，今天我先分享下怎樣為評(píng)論加上表情。

首先大家思考一下怎樣才能讓dede評(píng)論里面顯示表情圖片？直接內(nèi)容里面寫(xiě)<img src="********" />肯定是不行的，dede會(huì)在保存評(píng)論前把它轉(zhuǎn)換成普通的文本。我們要的是要保證以后能順利升級(jí)，所以盡量不改dede的系統(tǒng)文件。

現(xiàn)在換個(gè)思路，看看那些論壇，它們添加表情的時(shí)候都是添加的一個(gè)表情標(biāo)記，發(fā)帖后就變成表情圖片了�？磥�(lái)是在保存帖子的時(shí)候?qū)Ρ砬闃?biāo)記做了轉(zhuǎn)換。咱們也來(lái)依葫蘆畫(huà)瓢。

先找一個(gè)表情圖片傳到服務(wù)器上，假設(shè)是在http://www.qqsvr.com/01.gif，表情標(biāo)記假設(shè)為[em01]，現(xiàn)在我只要讓dede在保存評(píng)論的時(shí)候把[em01]轉(zhuǎn)換成<img src="http://www.qqsvr.com/01.gif" />就行了。

這里又涉及到2個(gè)問(wèn)題，是先轉(zhuǎn)換之后再保存，還是直接保存，顯示的時(shí)候再轉(zhuǎn)換？

如果轉(zhuǎn)換之后再保存，也就是說(shuō)你的數(shù)據(jù)庫(kù)里存的是<img src="http://www.qqsvr.com/01.gif" />，這個(gè)鏈接就固定了，你的表情目錄就不能變了，而且這必需改dede的系統(tǒng)文件才行。

如果是顯示的時(shí)候再轉(zhuǎn)換，那你的數(shù)據(jù)庫(kù)里就保存的是[em01]這樣的表情標(biāo)記，顯示的時(shí)候根據(jù)模板規(guī)則進(jìn)行轉(zhuǎn)換，非常靈活，而且不用改dede的系統(tǒng)文件，只需要改模板就行了。只是顯示一次就要轉(zhuǎn)換一次，會(huì)增加一點(diǎn)兒系統(tǒng)負(fù)擔(dān)。

我們用第二種方法。打開(kāi)templets/plus/feedback_templet.htm，這個(gè)是dede的評(píng)論系統(tǒng)模板，我們發(fā)現(xiàn)它里面是可以直接寫(xiě)php代碼的，<?php echo $row['msg']?>這里就是輸出的評(píng)論內(nèi)容。先把它改成<?php echo convertem($row['msg']) ?>。

convertem()就是轉(zhuǎn)換表情的方法，就是用它把[em01]轉(zhuǎn)換成<img>標(biāo)記，現(xiàn)在我們要給這個(gè)方法寫(xiě)點(diǎn)內(nèi)容，讓它按我們的意思來(lái)轉(zhuǎn)換。

還是這個(gè)文件，在頂部添加
<?php
function convertem($message){
$message = str_replace('[em01]','<img src="http://www.qqsvr.com/01.gif" />', $message );
return $message;
}
?>

這里的str_replace可以進(jìn)行替換操作，比如str_replace(A,B,C)大概意思就是把C里面的A替換成B。
所以我們用convertem($row['msg'])就能把$row['msg']里面的[em01]給替換了。

現(xiàn)在你在評(píng)論里輸入[em01]，發(fā)表，應(yīng)該能看到顯示的圖片了。不過(guò)這還沒(méi)完，你總不可能讓用戶也要輸入代碼才能發(fā)表情吧？所以你還得找個(gè)合適的地方，加上
<img src="http://www.qqsvr.com/01.gif" onclick="javascript:document.getElementById('msg').value+='[em01]';" />

用戶點(diǎn)擊這個(gè)圖片后，會(huì)自動(dòng)在評(píng)論框里加上[em01]。

這就大功告成了，其實(shí)從頭到尾只改了feedback_templet.htm這個(gè)模板就實(shí)現(xiàn)了表情功能。

附圖

 給Dedecms評(píng)論增加表情功能.

查看更多 DedeCms教程  織夢(mèng)模板  織夢(mèng)DedeCms視頻教程  織夢(mèng)dedecms專題