2017年5月1日 星期一

Emoji 表情符號輸入小幫手 (網頁版)

Emoji 表情符號輸入小幫手 (網頁版)

Wayne Fu 0 A+
這個「表情符號輸入工具」可以快速找到各種需要的 Unicode 表情圖案,方便留言、寫文章或是即時通使用。

所有圖案都是特別篩選過,可以在各種平台正常顯示。同時操作很簡單,後面會有詳細介紹。



一、表情符號輸入小幫手



Emoji 表情符號輸入小幫手
點擊圖示後會自動複製到剪貼簿,再按 Ctrl-V 即可貼上


簡易操作說明:
  • 共有五種分類:
    • 表情+人物
    • 圖案+動植物
    • 物品+食物
    • 各種活動
    • 雜項
  • 點選分頁圖示後,可顯示該分類的所有圖案
  • 點擊圖案後,會自動複製,即可按 Ctrl-V 貼到要顯示的地方。



二、其他工具


輸入表情圖案不是簡單的事,因為數量龐大,且不一定每個作業系統都能正常顯示。

目前有幾種方式可以輔助輸入:

1. Unicode 總表

之前整理過「特殊符號字元一覽表」,列出了所有特殊字元。雖然資料很豐富,但若拿來當作輔助輸入的工具,有這些缺點:

  • 不方便挑選,網頁必須一直往下拉。
  • 因為該頁面載入了特定字型,所以可看到所有字元。但若複製到別的網頁、或自己的使用環境,某些符號是有可能無法顯示的


2. 使用圖案

如果不是使用 "Unicode 字元",而是使用 "圖檔" 的話,就沒有跨平台的問題,圖案一定可以顯示。例如:

  1. Emoji in Blog
  2. emojione

以上 A 工具,複製後會自動產生 IMG 語法,圖片連結由該網站提供。

B 工具是開源專案,放在 CDN 的空間,是使用相同的原理,供開發者製作表情圖案的工具。

雖然解決了跨平台的問題,但留下更嚴重的隱憂,日後若是圖片連結失效了,該網域不再提供連結的維護時,那麼文章各處的表情圖案,全部會變成叉燒包


3. 表情圖案外掛

以前寫的留言板工具「部落格即時留言板 WYBOARD + 表情圖案」,使用了第三方表情圖案外掛,一樣可以跨平台顯示表情圖案。

不過很可惜,隨著「Google Drive 關閉外連」,以及表情圖案的作者不再維護之後,不但表情圖案無法再顯示,而且原本應顯示圖案之處,會留下影響版面的 "無意義字串"。(原外掛就是藉著這些字串,來判定應該顯示何種圖案)



三、表情符號輸入小幫手的優點


因此,目前現有的輔助工具,以長遠來看,都不是很好的解決方案。唯一有辦法讓 "表情符號"、或是 "特殊字元" 能長久正常顯示的方法,是使用 Unicode。

而為了能讓各種平台都能顯示,必須解決作業系統版本的問題,因為 Win8 下出產的 Unicode 版本,不一定能在 Win7 下顯示

在 XP 系統已被淘汰的前提下,目前最佳的解決方案,就是只使用 Win7 能顯示的 Unicode 特殊符號

本篇的工具「表情符號輸入小幫手」,全部只挑選 Win7 能顯示的符號,不能顯示的都已被剔除,因此可以在各平台正常運作,這就是本工具最大的優點,我們在各處所使用的表情圖案,不用擔心將來看不到

目前先製作這個「網頁版」,之後預計還會進行「書籤版」,只要點擊該書籤就會自動跳出這個輔助工具,這樣就不必一定得進入本篇網址,在任何情況下都能使用這個工具了。



更多字型相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章

沒有留言:

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
◎ 請在相關文章留言,與文章無關的主題可至「Blogger 社團」提問。
◎ 請避免使用 Safari 瀏覽器,否則無法登入 Google 帳號留言(只能匿名留言)!
◎ 提問若無法提供足夠的資訊供判斷,可能會被無視。建議先參考這篇「Blogger 提問技巧及注意事項」。
◎ CSS 相關問題非免費諮詢,建議使用「Chrome 開發人員工具」尋找答案。
◎ 手機版相關問題請參考「Blogger 行動版範本的特質」→「三、行動版範本不一定能執行網頁版工具」;或參考「Blogger 行動版範本修改技巧 」,或本站 Blogger 行動版標籤相關文章。
◎ 非官方範本問題、或貴站為商業網站,請參考「Blogger 免費諮詢 + 付費諮詢
◎ 若是使用官方 RWD 範本,請參考「Blogger 推出全新自適應 RWD 官方範本及佈景主題」→ 不建議對範本進行修改!
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 為了過濾垃圾留言,所有留言不會即時發佈,請稍待片刻。
◎ 本站「已關閉自刪留言功能」。

TOP