web使用eomji表情 Web+JAVA+eomji

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的地址改为你自己的地址

web使用eomji表情 Web+JAVA+eomji

猜你喜欢