BBS添加表情

一、给文本框添加表情。

文本框是不会显示图片的，因此，我们用替代法来显示。（如56视频）

 1. 在目录下发一些图片，如：face/...

 2.在html中显示表情图片，如下：

<td> <img src="face/em1.gif" mce_src="face/em1.gif" border=0 οnclick="insertsmilie('[em1]')" style="CURSOR: hand" mce_style="CURSOR: hand"> <img src="face/em2.gif" mce_src="face/em2.gif" border=0 οnclick="insertsmilie('[em2]')" style="CURSOR: hand" mce_style="CURSOR: hand"> </td>

 3.我们写js方法insertsmilie，注意方法的参数和图片的名称。

function insertsmilie(smilieface) { document.getElementBuId("TextBox1").value+=smilieface; //给文本框赋值 }

 4.单击按钮将文本框的值插入数据库，显示时用替换。如下：

//后台 public string Replace(string content) { for (int i = 1; i < 60; i++) content = content.Replace("[em" + i + "]", " <IMG SRC="/" mce_SRC="/""face/em" + i + ".gif/">"); return content; } //前台调用,Content为数据库字段 <%# Replace(Server.HtmlEncode(DataBinder.Eval("Content").ToString())) %>   

二、给编辑器添加表情。

由于编辑器能够显示图片，可以直接将图片的地址和<img>赋值给编辑器.一下已常用的编辑器FCKeditor为例：

如下html:

<h4>表情</h4><br /> <img src="img/face/em1.gif" mce_src="img/face/em1.gif" border="0" οnclick="insertsmilie(this)" title="无奈" style="CURSOR: hand" mce_style="CURSOR: hand"> <img src="img/face/em2.gif" mce_src="img/face/em2.gif" border="0" οnclick="insertsmilie(this)" title="忍受" style="CURSOR: hand" mce_style="CURSOR: hand"> <img src="img/face/em3.gif" mce_src="img/face/em3.gif" border=0 οnclick="insertsmilie(this)" title="大叫" style="CURSOR: hand" mce_style="CURSOR: hand">

javascript赋值：

//表情 function insertsmilie(em) { var editor =FCKeditorAPI.GetInstance("txtEditor"); var img="<img src="+em.src+" mce_src="+em.src+"/>"; editor.InsertHtml(img); editor.Focus(); }

完成。