BBS添加表情

最新推荐文章于 2022-01-19 10:53:25 发布

claymore1114

最新推荐文章于 2022-01-19 10:53:25 发布

阅读量2k

点赞数

分类专栏：使用技巧 .net 文章标签： bbs border fckeditor textbox function javascript

本文链接：https://blog.youkuaiyun.com/claymore1114/article/details/4621608

版权

.net 同时被 2 个专栏收录

24 篇文章

订阅专栏

使用技巧

22 篇文章

订阅专栏

一、给文本框添加表情。

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

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

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

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:

javascript赋值：

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

完成。