文档章节

学习emoji

 如月王子
发布于 2015/12/22 09:12
字数 448
阅读 312
收藏 4
点赞 0
评论 0

产品坑爹,什么都要。
找了很多产品,能做到的支持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
Android 开发,你遇上 Emoji 头疼吗?

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

2017/12/29
0
0
Emoji 让你这么头疼,那 EmojiCompat 是如何解决它的?

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

01/04
0
0
那些年我们踩过的乱码坑

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

筱飞
2016/06/03
106
2
正则表达式和其在OC中的的使用

正则表达式和其在OC中的的使用 最近对正则表达式(regex)很感兴趣, 于是了解了一下, 正则表达式是所有语言都通用的一套查找字符串的方法, 在网上找了很多入门教程, 也看了很多的教程, 也能写出...

hell03W
2016/03/06
259
0
Swift学习—第一个swift程序

知识点: swift没有main函数,代码从上到下执行,第一行即为程序的入口 let声明常量,var声明变量 字符串连接可用+号,但是不能用字符串和数字等其他类型相加 变量/常量名可以是任意字符,例...

TomatosX
2015/05/19
0
0
笑脸符号“:-)”已经 30 多岁了

冒号+连字符+半截括号,就组成了互联网上最早的微笑符号。这个侧躺表情到了亚洲被摆正,又演变出“^_^”等一系列“颜文字”,从MSN表情QQ表情再进化为时下最火的Emoji。除了:-),还有USB、蓝...

oschina
2014/08/31
4K
83
Binary Wang/java-emoji-converter

Java Emoji Converter (Emoji表情转换工具) Emoji转换工具,便于各种规格客户端生成的Emoji字符串转换成另外一种格式。 A tool to convert emoji string among each type, like softbank ...

Binary Wang
2017/10/24
0
0
一个支持查找获取Emoji Code 和 Emoji Char的项目

网站地址:http://emoji.svend.cc/ Github地址:https://github.com/16Free/emoji 可以根据 Emoji 的名称,关键字查找Emoji符号,一键复制到自己的应用或网站使用。 Emoji Code 仅在支持 Em...

Svend
2017/09/24
121
0
Unicode 组织宣布明年 Emoji 增加有色人种表情

Unicode 组织(Unicode Consortium)发布了技术报告,详细说明了增加多民族表现形式的 Emoji 新处理方法。之前的规定指出,Emoji 表情表现种族、民族和性别时需要尽可能的保持中性,除非需要...

oschina
2014/11/05
2.4K
13

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 安装补丁类文件

Atlassian 支持或者 Atlassian 缺陷修复小组可能针对有一些关键问题会提供补丁来解决这些问题,但是这些问题还没有放到下一个更新版本中。这些问题将会使用 Class 类文件同时在官方 Jira bug...

honeymose
4分钟前
0
0
设计模式:代理模式

代理模式可以分为三种:静态代理,动态代理,cglib代理 1.静态代理:被代理的类需要实现一接口或是继承一父类 委托类(被代理的类): package com.java.pattern.proxy.staticdemo;publ...

人觉非常君
7分钟前
0
0
非常实用的IDEA插件之总结

1、Alibaba Java Coding Guidelines 经过247天的持续研发,阿里巴巴于10月14日在杭州云栖大会上,正式发布众所期待的《阿里巴巴Java开发规约》扫描插件!该插件由阿里巴巴P3C项目组研发。P3C...

Gibbons
13分钟前
0
0
Tomcat介绍,安装jdk,安装tomcat,配置Tomcat监听80端口

Tomcat介绍 Tomcat是Apache软件基金会(Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。 java程序写的网站用tomcat+jdk来运行...

TaoXu
13分钟前
0
0
TensorFlow,从一个 Android Demo 开始

TensorFlow Android Demo 项目地址 Machine Learning 既然提到了 TensorFlow,那是不是得神经网络、机器学习了解下? 如果你能坚持把 机器学习速成课程 给啃完了,觉得还挺有兴趣的,那可以考...

孟飞阳
15分钟前
0
0
JVM学习笔记二:内存结构规范

1、JVM基本结构图 2、java堆(Heap) 3、方法区(Method Area) 4、程序计数器 5、JAVA栈图解 局部变量表:八大基本类型,还可以存储引用类型 上一篇:JVM学习笔记一:类加载机制介绍...

刘祖鹏
20分钟前
0
0
mui集成微信H5支付(返回白屏问题已经解决)

一.项目需求 因为公司人员缺少,没有专门开发安卓和ios的人员,为了项目尽早上线采用了混合APP开发的方式,我选择了MUI混合开发框架,项目中需要在用户购买VIP会员的时候进行支付,所以需要在项目...

银装素裹
24分钟前
0
0
TensorFlow gpu 版 安装

win10 + Python3.6 下载cuda https://developer.nvidia.com/cuda-downloads?target_os=Windows&target_arch=x86_64&target_version=81&target_type=exelocal 下载cudnn,复制链接地址,使用迅......

阿豪boy
43分钟前
0
0
SpringBoot集成Redis--配置自定义的RedisCacheManager

配置自定义的RedisCacheManager--1自定义键生成规则 默认的键生成器 当不指定缓存的key时,SpringBoot会使用SimpleKeyGenerator生成key。 SimpleKeyGenerator SimpleKey 查看源码可以发现,它...

karma123
44分钟前
0
0
防火墙未来的发展趋势在哪里?

导读 防火墙(Firewall),也称防护墙,是由Check Point创立者Gil Shwed于1993年发明并引入国际互联网。当下互联网时代,无论是大小企业,大部分都会部署有防火墙的设备,但这些防火墙往往并不...

问题终结者
46分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部