處理部分手機無法顯示emoji表情


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM