让web应用正常显示ios输入法表情

最近用QQ聊天时发现ios的这套表情真是太火了，几乎每两句话都要出现至少一个表情吧，这套源自日本的真是在反日高潮中没少用来表达心情(略讽刺)。

废话少说，接下来我来说说我的探索过程吧，让大伙少入点坑。

我的网页聊天室需要支持手机输入法表情，对比发现Android的略丑，所以想选择ios的这套，但是经过获取审查发现，获取的TMD跟本不是图片而是黑白色的字，经过无数次向度娘还有谷哥求救最终无果而反，但在这过程中也大致有了解决的思路即是用正则获取表情并用相应的图片替换掉其中的表情字。接下来问题来了：怎么获取表情？获取表情后怎么替换？在懒癌犯病的情况下我又向github 求救，希望能找到前辈们写好的代码，结果发现想多了，找了好久并没有找到我想要的项目。只能自己动手丰衣足食了

首先说下怎么获取信息中的表情

经过我用搜索引擎无限次搜索之后终于找到了一些猫腻，可以用相应的Unicode编码获取表情代码如下Pattern p = Pattern.compile(regex,Pattern.UNICODE_CASE | Pattern . CASE_INSENSITIVE );

接下来的问题是如何替换掉呢？

我在百度or谷歌的时候忘了具体是哪个了，找到了一个有意思的网站http://www.iemoji.com/在这里我们可以看到每个表情对应的各种编码值，接下来我就犯愁了，这么多表情需要这么多图片我怎么才能取到正确的图片呢？在我正犯愁时QQ头像闪了，我接收到了一个表情，忽然意识到腾讯既然能正常显示这个表情必然能从中找到图片啊，一番查找后发现里面有个压缩包emoji.zip，里面有各种表情，更要命的是图片的命名方式是：表情某种编码.png 偶滴神啊，天上真的能掉馅饼啊，于是乎我去iemoji网站查了查发现了这个编码hex code point(s)这下问题就容易解决咯。果断转化过后将表情换成了图片名，哈哈，这就像洗白白等我来的美眉一样诱人了，附上转换方式"0x"+Integer.toHexString(emoji.codePointAt(0))+".png";到此问题解决山重水复疑无路柳暗花明又一村

附上我的实现代码，和表情包资源http://download.csdn.net/detail/qq_23840461/9447224

让web应用正常显示ios输入法表情相关推荐

ios 输入法扩展_搜狗输入法 iOS 版开发与优化实践
输入法是一种对性能要求极高的产品,不同于普通应用开发,很多在普通应用开发看来不是问题的,在输入法看来却是比较关键.同时,由于 iOS 系统的某些限制,输入法不得不在产品功能和性能方面做出调整,以尽可能 ...
android屏蔽表情输入法,Android中EditText屏蔽第三方输入法表情的方法示例
前言众所周知如果用第三方的输入法的表情会给开发带来一定的麻烦,一般地像服务器上传的字符都是普通的字符,但是测试,就是狠狠得拿出搜狗输入法,点几个表情,那么问题就来了,要么是显示异常,要么是直接cra ...
android高仿输入法,仿ios输入法
详情仿ios输入法是一款十分有趣的手机输入法app,可以做到在安卓的手机上使用以假乱真的ios手机输入法,操作简单方便,习惯使用苹果手机后来换安卓手机或者是想用这个输入法恶搞其他人的朋友们,可以下载 ...
输入法表情和小图标的应用
输入法表情和小图标的应用具体的兼容性问题博主下面会说.这里就用表情举例了,小图标我就用伪类试一下了,至于作为文本文字我就不试了,ok,让我们开始吧!!! 将表情和小图标作为文字显示代码: < ...
android输入法框架分析,Android与iOS输入法开发框架比较谈
对于任何一个使用手机的人,有一样工具是不可能缺少的,它既不是微信之类的社交工具,也不是支付宝之类的金融工具(事实上这两个都越界了),而是输入法这样的输入工具.更重要的是,输入法还是一种特权工具,因为它 ...
ios 输入话题_其实，iPhone原装APP很好用篇一：iOS输入法17个小技巧，开启你iPhone原装键盘输入新篇章...
其实,iPhone原装APP很好用篇一:iOS输入法17个小技巧,开启你iPhone原装键盘输入新篇章 2017-12-13 15:45:15 600点赞 2104收藏 316评论一.其实ios原 ...
H5移动端 IOS输入法遮挡input解决思路
思路 input 输入框置于页面底部,用absolute绝对定位于父级底部,在被唤起输入框时,会被IOS输入法自带的toolbar遮挡住input. So,我的思路就是:点击input框后,延时出现, ...
iOS自定义表情的实现
现在很多App都有自己的自定义的表情,客户端可能要实现自己定表情的选择.发送和显示,这里我介绍一种简单的自定义表情的实现思路和代码. 以下介绍基本可以实现聊天中对自定义表情的需求,可结合下图来理解: ...
Flutter开发使用PlatformView显示iOS原生View（50)
我们在使用Flutter开发跨平台开发移动APP时,会遇到Flutter的组件满足不了原生的效果,部分控件不如原生控件好用时,就想在Flutter 的Widget 中使用iOS原生View来组合实现良 ...

让web应用正常显示ios输入法表情

让web应用正常显示ios输入法表情相关推荐

最新文章

热门文章