融雲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