文档章节

学习emoji

 如月王子
发布于 2015/12/22 09:12
字数 448
阅读 328
收藏 4

产品坑爹,什么都要。
找了很多产品,能做到的支持emoji的不多。微博直接屏蔽,QQ空间不支持。但微信支持了,我们就得做。
于是...

是什么


实际上是一些unicode


支持

(这块理解的比较少)目前emoji的支持在不断更新,各平台的支持情况也再随着版本的更新支持越多。
iOS android的支持就比较好。windows就别说了。

可以打开http://emojipedia.org/new-emoji/看下系统的支持。
支持emoji的就能显示图标,支持不了的就显示个框框

怎么支持

国内emoji的支持还不是很主流。可以暂且支持主流的emoji(例如微信里面的emoji)。

找到emoji,然后用图片替换。
采用的方案是https://github.com/coocy/emoji。
优点:

  • 普通屏和高清屏分别是两套图片尺寸。20x20,40x40。

  • 不采用css sprites。若采用,则图片太大。没有必要,很多都可能没有用到的。

  • 和文字大小保持一致,最大20px
    缺点:(经过使用,查看源码)

  • 其emoji替换成图片是用异步的,且会dom是全新的。这容易导致问题是之前dom绑定了些东西,会失效。

  • 没有提供字符串替换的借口。只能操作jquery dom。

于是我自己添加了同步和操作字符串的借口。以便操作渲染之前的模板。

微信上用到的emoji

\ud83d\ude04|\ud83d\ude37|\ud83d\ude02|\ud83d\ude1d|\ud83d\ude32|\ud83d\ude33|\ud83d\ude31|\ud83d\ude1e|\ud83d\ude09|\ud83d\ude0c|\ud83d\ude12|\ud83d\udc7f|\ud83d\udc7b|\ud83d\udc9d|\ud83d\ude4f|\ud83d\udcaa|\ud83d\udcb0|\ud83c\udf82|\ud83c\udf89|\ud83c\udf81

demo 和 ueditor结合

http://liyatang.github.io/demo/editor/

转成字符串

function toHex(str) {
     var res=[];
     for(var i=0;i < str.length;i++)               
          res[i]=("00"+str.charCodeAt(i).toString(16)).slice(-4);          
     return "\\u"+res.join("\\u");       }

本文转载自:http://liyatang.farbox.com/post/frontend/2015-04-14

共有 人打赏支持
粉丝 15
博文 177
码字总数 3194
作品 0
淮安
私信 提问
在 Web 服务中异步调用 Python 脚本

CGI 中需要调用一个 Python 脚本,脚本去更新执行 update 的 sql 语句,时间较长,超过了 Web 服务器的最大连接时间,因此需要使用异步调用脚本的方式。 同步方式 很明显,Python 脚本执行完...

兔之
2016/11/25
17
0
java.sql.SQLException: Incorrect string value: '\xF0\x9F\x98\xB3' for column 'Content' at row 1

版权声明:本文为 testcsdn(微wx笑) 原创文章,非商用自由转载-保持署名-注明出处,谢谢。 https://blog.csdn.net/testcsdn/article/details/76199659 在尝试将 emoji 表情符号 插入MySQL数据...

微wx笑
2017/08/02
0
0
Emoji 让你这么头疼,那 EmojiCompat 是如何解决它的?

Hi,大家好,我是承香墨影! 今天看题目就知道,继续来分析 Android 下的 Emoji 。Google 新出的 Support 包里,增加了一个 EmojiCompat,就是为了解决 Emoji 的问题。 上一篇文章,已经分析...

01/04
0
0
Android 开发,你遇上 Emoji 头疼吗?

在 Android 中,如果需要使用的到 Emoji 表情,你会发现在某些设备上,有一些 Emoji 表情会被以豆腐块 “☐” 的形式显示,这是因为当前设备并不支持这个 Emoji 表情。 而在 Android Suppor...

2017/12/29
0
0
那些年我们踩过的乱码坑

前言 这是一个由乱码引发的故事。抱歉我暂时找不到更加惨烈的图,请相信我,还有更目不忍视的画面。请看下图那些框框,那都是些什么鬼!这是要害死强迫症吗?如果同时看到几十个框,简直让人...

筱飞
2016/06/03
106
2

没有更多内容

加载失败,请刷新页面

加载更多

李鸿章六百多字参倒豪门重臣,晚清第一奏折,藏尽顶级权谋话术!

道光二十七年(1847年),二十四岁的李鸿章高中进士,列二甲第十三名。 在此期间,有桩轶事挺有意思。 会试时,李鸿章的房师为当时的名士孙锵鸣。发榜后,孙锵鸣见自己这一房只考中了李鸿章、...

乔老哥
18分钟前
0
0
PTA-基础编程题目集-7-14 求整数段和

给定两个整数A和B,输出从A到B的所有整数以及这些数的和。 输入格式: 输入在一行中给出2个整数A和B,其中−100≤A≤B≤100,其间以空格分隔。 输出格式: 首先顺序输出从A到B的所有整数,每...

niithub
18分钟前
1
0
Spring Qualifier的使用

摘要 spring 的 qualifier 平常使用一般直接是使用id 来限定,不过spring给我们提供了更强大的功能。 使用方法 直接使用 直接在@Qualifier中限定bean的id 在bean上使用@Qualifier来指定后续使...

52iSilence7
21分钟前
0
0
【dup】和【pop】

dup: 复制栈顶元素并压入栈 pop: 出栈操作 代码 public class JvmTest1{    public static void testMethod(){ new JvmTest1();  }} 编译字节码文件 javap -c JvmTest1.cl...

时刻在奔跑
23分钟前
2
0
day179-2018-12-16-英语流利阅读-待学习

《海王》:上映 7 天,票房突破 9 亿,DC 要翻身? Daniel 2018-12-16 1.今日导读 这部电影堪称“有《阿凡达》般的视觉奇观,《指环王》般的史诗质感,《夺宝奇兵》般的寻宝历险,《狮子王》...

飞鱼说编程
31分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部