nodeJs+jquery实现聊天插入表情功能

在实习期间做一个nodejs的项目时，分配了做一个聊天室的任务，然后就喜欢上了这个。。。想着而不只是聊天，还可以加入类似qq表情的功能。发现可以进入Jquery官方网站下载该demo，但是在运用的过程中，难免会遇到各种各样的问题，在自己的信息研究之下，终于实现了该功能。
官方demo下载：http://www.jq22.com/jquery-info365
问题解决：
1.浏览器判别问题：在官方文件中，jquery还处于1.9以下，所有有句话在运行的过程中会出错：if(!$.browser.msie) return;
上网搜索会发现，这是判别浏览器的版本的，现在1.9以上的jquery插件已经不支持该语句了，可以改换成：

if(!$.support.msie) return;

这样就可以了。
2.在输入框输入表情之后会在聊天敞口信息显示，在textarea中现实的转换的文字代号，那么在显示的聊天记录里面需要重新转换为图片，下面的一段代码就是转换过程。
//查看结果 function replace_em(str){ str = str.replace(/\</g,'<'); str = str.replace(/\>/g,'>'); str = str.replace(/\n/g,'<br/>'); str = str.replace(/\[em_([0-9]*)\]/g,'<img src="arclist/$1.gif" border="0" />'); return str; }
下面一段代码是显示在msgDiv中的，既是在点击发送按钮时的动作，其中sub_btn是按钮的id，show是显示的div的id，在实际应用中可以自己根据内容修改。

    $(".sub_btn").click(function(){var str = $("#saytext").val();$("#show").html(replace_em(str));});

nodeJs+jquery实现聊天插入表情功能相关推荐

vue实现聊天+图片表情功能
项目需求是这样的:要求实现类似于微信聊天一样,表情+文字效果 "文字效果
【selection】学习光标API并实现编辑区插入表情图片的功能
目录场景介绍 selection介绍 selection API range 介绍 range API 实现编辑区插入表情图片参考资料场景介绍在写web版聊天器时,遇到一个需求: 聊天时用户可 ...
java实现未读消息提醒_JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】...
本文实例讲述了JS(jQuery)实现聊天接收到消息语言自动提醒功能.分享给大家供大家参考,具体如下: 综述最近在开发一个网页端的客服系统,需求要求聊天双方接收到消息能有语音提醒,并且客服端如果存在 ...
Python+Socket实现多人聊天室，功能：好友聊天、群聊、图片、表情、文件等
一.项目简介本项目主要基于python实现的多人聊天室,主要的功能如下: 登录注册添加好友与好友进行私聊创建群聊邀请/申请加入群聊聊天发送图片聊天发送表情聊天发送文件聊天记录保存在本 ...
融云直播聊天室弹幕表情功能
//老板要求加入表情功能看下文档 emoji(){var RongIMEmoji = RongIMLib.RongIMEmoji;var config = {size: 18,url: '//cdn ...
android 仿qq聊天背景,Android,_安卓实现类似QQ刚换聊天背景的功能，Android - phpStudy...
安卓实现类似QQ刚换聊天背景的功能自己实现了一下,但对于一些手机一设置背景就出现闪退不知道为什么,大体思路就是获得用户选择的uri,然后如果屏幕分辨率小于图片的分辨率就对图片进行下处理,防止OOM. ...
利用socket.io+nodejs打造简单聊天室
代码地址如下: http://www.demodashi.com/demo/11579.html 界面展示: 首先展示demo的结果界面,只是简单消息的发送和接收,包括发送文字和发送图片. ws说明: ...
如何在富文本中插入表情，word文档，及数学公式？
前言互联网寒冬一直在持续,不知道大家过的还好吗?不过话说回来,技术过硬,你在哪里都是最靓的仔.今天就给大家补充一点弹药,如何在富文本中插入表情,word文档,及数学公式. 为什么是 TinyMCE ...
jquery ZeroClipboard实现黏贴板功能，兼容所有浏览器
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...

nodeJs+jquery实现聊天插入表情功能

nodeJs+jquery实现聊天插入表情功能相关推荐

最新文章

热门文章