1.首先下载eomji压缩包,其中包含demo,CSS,表情
下载地址:http://download.csdn.net/download/qq_33563609/10149533
2.注意,页面或者移动端直接加入eomji表情到数据库中会变为乱码,解决方法是需要转码
/*
*转码方法
*data 输入参数 如 “哈哈eomji表情”
*data 返回参数 可以直接存入数据库
*/
public static String BaseSymbolInput(String data){
data= Base64.encodeToString(data.getBytes(), Base64.DEFAULT);
return data;
}
/*
*解码方法
*data 输入参数 数据库中查询出来的 (方法1存入的数据)
*data 返回参数 解码后的数据,直接传入前端
*/
public static String BaseSymbolOut(String data){
byte[] bytes = Base64.decode(data, Base64.DEFAULT);
data = new String(bytes);
return data;
}
base64的帮助类也打包到了eomji中,自行解压拷贝
还有你的mysql数据库版本得在 5.5.3 以上 如果低于5.5.3 请查看数据库解决方案
3.前端代码
导入 emoji.js 和 jquery-2.1.4.min.js
<script type="text/javascript" src="emoji.js"></script>
<script src="jquery-2.1.4.min.js"></script>
<body>
<div class='emoji'> 哈哈\ud83d\ude05 </div>
</body>
<script type="text/javascript">
$('.emoji').emoji();
</script>
4.修改eomji.js 中emojiPath的地址 改为你自己的地址