apicloud apicloud

注册
查看: 2443|回复: 5

[案例源码] (五)环信 easeChat模块demo发送表情

主题:
41
帖子:
9320
云币:
12508

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

[案例源码] (五)环信 easeChat模块demo发送表情

2443 5 | 发表于 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.                 }
复制代码



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

微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

主题:
41
帖子:
9320
云币:
12508

社会摇圣诞节老司机你吃屎!首长好!我还是个孩子!托马斯全旋女朋友不想上班!装逼侠单身狗超人锤子侠SB侠我李白贼6APICloud大会专属勋章狗年旺旺旺足球狗捣蛋鬼儿童节快乐APICloud五岁啦

 楼主| 发表于 2018-11-30 13:52:34 |
源码到时候都会放在总贴更新
微信公众号、小程序、app、webapp、pc网页端项目合作点击QQ82201127

主题:
0
帖子:
9
云币:
0
发表于 2018-12-16 21:38:37 |
源码到时候都会放在总贴更新

驾校小白

UID:634165

主题:
2
帖子:
32
云币:
16
发表于 2019-2-26 14:32:27 |
谢谢分享 学习中

主题:
0
帖子:
26
云币:
24
发表于 2019-4-14 09:19:41 |
感谢分享!!!

主题:
0
帖子:
12
云币:
1
发表于 2019-8-20 10:12:51 |
感谢分享
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表