请选择 进入手机版 | 继续访问电脑版

(五)环信 easeChat模块demo发送表情

[复制链接]
Mr.ZhouHeng 发表于 2018-11-30 13:35:11
本帖最后由 Mr.ZhouHeng 于 2019-9-3 15:27 编辑



环信 easeChat模块demo发送表情





  1.   <div class="center-body ellipsis-1" v-html="fnType(lists.latestMessage.body.type,index)"></div>

  2. <!-- 表情转换js -->
  3. <script type="text/javascript" src="../script/emotion.js"></script>


  4.                 fnType: function(types, index) {
  5.                     //text:文本类型
  6.                     //image:图片类型
  7.                     //video:视频类型
  8.                     //location:位置类型
  9.                     //voice:语音类型
  10.                     //file:文件类型
  11.                     if (types == "text") {
复制代码







  1.   <!-- 文本消息 -->
  2.                 <div class="chat-content" v-if="chats.body.type=='text'">
  3.                     <div class="chat-arrow"></div>
  4.                     <div class="body picbody" v-html="translateText(chats.body.text)"></div>
  5.                 </div>


  6. <!-- 表情转换js -->
  7. <script type="text/javascript" src="../../script/emotion.js"></script>

  8.   //文本表情转化
  9.                 translateText: function(text) {
  10.                     if (text == '' || text == undefined) {
  11.                         return;
  12.                     }
  13.                     msg = text;
  14.                     var emotionObj = emotion;
  15.                     var regx = /\[(.*?)\]/gm;
  16.                     var translateMSg = text.replace(regx, function(math) {
  17.                         var imgSrc = emotionObj[math];
  18.                         if (!imgSrc) {
  19.                             return math;
  20.                         }
  21.                         var img = '<img src="../../res/img/emotion/' + imgSrc + '.png" class="emotion">'
  22.                         return img;
  23.                     })
  24.                     console.log(translateMSg)
  25.                     return translateMSg;
  26.                 }
复制代码



本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X

5条回复

Mr.ZhouHeng 官方版主 12774Y币
源码到时候都会放在总贴更新
Tantanapps 驾校小白 0Y币
源码到时候都会放在总贴更新
lchniao 驾校小白 16Y币
谢谢分享 学习中
独孤啸天 驾校小白 24Y币
感谢分享!!!
生涯现役 驾校小白 1Y币
感谢分享
您需要登录后才可以回帖 登录

本版积分规则