共计 1284 个字符，预计需要花费 4 分钟才能阅读完成。
融云 IM SDK web 端集成 — 表情采坑篇
公司集成 IM 应用的是融云的 IM SDK，咱们有挪动端，有 web 端，挪动端共事集成表情时还是蛮顺利的貌似挪动端 SDK 里就反对，所有都很牵强附会的样子，web 端就有些辣手了。web 端的表情是须要独自引入插件的，这点还是有点困惑的。
一脸懵的看着文档，踩着优雅的脚步入坑，实现我的表情集成采坑之旅
这第一步不用说必定是 SDK 的初始化和连贯了。这些在文档的指引下都是很顺利的还很快慰，还为文档的粗疏点过赞。
这第二步就是细化相干性能了。比如说发消息时能够带表情。
手动划重点专用~
依照文档 https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgsend/web.html#emoji 中的示例发了一条表情音讯，完满胜利了。看到文档中有 Emoji 插件，好奇的点开看看。好吧 ╮(╯▽╰)╭，如果要发表情音讯须要集成插件。
没关系，没关系，一个插件而已。有文档有教程不怕不拍的 (^▽^)
开心的看着文档，优雅的写着代码~~
按步骤集成，自认为自己是个比拟听话的，文档让咱干嘛就干嘛。决不搞非凡。
so ~ 所有都很完满很太平。开心的集成，拿到了了表，发消息也能够失常携带了，美美的给了挪动端，你看胜利了 ~
哈哈哈暗自窃喜中 ヾ (~ー~)X(^▽^) ゞ 奈何挪动端共事也同样会给了我一份大礼给 web 发了个带表情的音讯。点开一看。这什么。。。这什么。。。这一堆黑框是什么鬼 -_-||
额 ~ 我做错了什么。。。查看了变没问题啊，看了眼数据心里刺激了许多，原来收到的就是那么个黑框，于是名正言顺的去融云提了工单。
工单问答工夫：
问：web 端收到的表情展现成方块
答：
1、web 端展现 emoji 时, 不论是通过历史音讯还是音讯监听器监听的音讯, 都须要调用 emojiToHTML 转成 HTML 或者应用 symbolToEmoji 将 unicode(您说的小方块) 转化成原生 emoji 字符
2、不同浏览器, 不同设施, 展现的原生 Emoji 表情都不同
3、如需多端展现 Emoji 统一, 需应用 emojiToHTML 转化为 HTML 后再展现(此办法为以图片模式展现)
依照工单的提醒对音讯内容做了解决，调用了 emojiToHTML 办法。完满解决。
废话少说，上代码：
emojiToHtml:function(message){return RongIMLib.RongIMEmoji.emojiToHTML(message);
},<pre class="Message-entry" v-html="emojiToHtml(message.content)"></pre>
因为开发应用了 vue 所以间接在标签上做了解决，在须要转换的音讯类型上调用此办法即可。目前自己仅仅转换了文本类音讯。
参考文案：
文档地址：https://docs.rongcloud.cn/v4/views/im/noui/guide/private/msgmanage/msgsend/web.html#emoji
融云官网：https://www.rongcloud.cn/
