↓Skip to main content

Twemoji

Dev
Table of Contents

Twemoji，來自 Twitter 的開源 emoji 圖標

官方網址: https://github.com/twitter/twemoji

特色
#

  • 跨平台，分析 emoji 轉換成 <IMG>
  • 有 MaxCDN 免費的 CDN 資源
  • 支持多文件擴展名：PNG、SVG
  • 尺寸有 16x16、36x36、72x72
  • 872 個 emoji

用法
#

分析一條 string

雖然例子寫 \u2764\uFE0F，這些都是轉義字符，前臺是顯示 ♥ 的喲！

twemoji.parse("I \u2764\uFE0F emoji!");

// will produce
/*
I <img
  class="emoji"
  draggable="false"
  alt="❤️"
  src="https://abs.twimg.com/emoji/v1/36x36/2764.png"> emoji!
*/

分析整個 DOM，把所有的 emoji 換成 SVG

twemoji.parse(document.body, {
  folder: "svg",
  ext: ".svg",
});

🆒

擴建閲讀：

Wordpress.com 宣佈已支持了 (link) 。Wordpress.org 用戶將來會通過 JetPack 插件支持。Twitter 當然早就支持了。