Emojiえもじ

Emoji即顏文字，現在還挺流行的，像?，完整表可以看Emoji Unicode Tables。其中第一列就是當前設備原生顏文字的表現形式。由於顏文字實際上是字符，所以不同平台有不同的展現形式，就像不同的字體一樣。如果想在網頁中加入顏文字，直接把顏文字當字符複製到網頁中就可以了。

最近用到一個功能，讓Line分享的信息中包含顏文字排列出的圖案，像這種
     ??     ??
???????
???????
???????
     ?????
          ???
               ?
問題主要在於空格和換行，空格無需處理，直接放到待分享信息中即可，換行用\n代替，就可把上面圖案傳至Line分享框了。Line的分享格式我是這樣寫的：

var shareMsg='好搞笑哦\n?';
function shareToLine42(){
	lineUrl="line://msg/text/"+encodeURIComponent(shareMsg)+"%0D%0Ahttps://ft.wupo.info/";
	//如果你有谷歌統計，下面一行可以統計按鈕的點擊次數
	//ga('send', 'event', 'button', 'click', 'share-line-button');
	window.open(lineUrl, 'sharer', 'toolbar=0,status=0,width=626,height=436');
}

注意，shareMsg中顏文字被wordpress做了修改，用來兼容沒有顏文字的平台，實際直接這樣寫"好搞笑哦\n?"就可以。後面代碼中再有顏文字我用"顏文字UTF8"代替。

在wordpress4.4中，顏文字是這樣展現的，把真正的utf8字符放到了alt標籤里。

<img class="emoji" draggable="false" alt="顏文字UTF8" src="https://s.w.org/images/core/emoji/72x72/1f602.png">

去數據庫發現posts表中post_content字段類型為longtext，排序規則為utf8mb4_unicode_ci。其中保存的就是?，而用圖片替換顏文字是發生在文章輸出過程中的。關於排序規則請參考：What's the difference between utf8_general_ci and utf8_unicode_ci，如果沒空細看，那麼結論是直接用utf8mb4_unicode_ci就好。如果你還在用utf8-general-ci，是無法儲存顏文字的。

本文更新於 2016/07/20。