emoji表情不斷地添加 部分用戶不更新手機系統導致網頁中顯示不了新的emoji表情
理想情況
糟糕情況1
糟糕情況2
糟糕情況3
怎么解決這些糟糕的情況呢?
引入CDN(也可以npm安裝)
<link href="http://cdn.staticfile.org/emoji/0.2.2/emoji.css" rel="stylesheet" type="text/css" /> <script src="http://cdn.staticfile.org/jquery/2.1.0/jquery.min.js"></script> <script src="http://cdn.staticfile.org/emoji/0.2.2/emoji.js"></script>
<div class="emojstext">😄😄😄😄😄😄asdasdasd</div>
<script> var $text = $('.emojstext'); var html = $text.html().trim().replace(/\n/g, '<br/>'); $text.html(jEmoji.unifiedToHTML(html)); </script>
替換完的效果
原理是 將原來的emoji表情替換成背景圖片
該項目開源地址
https://github.com/node-modules/emoji