jquery使用QQ表情，向QQ一样弹出框进行选择

发布时间：2018-03-17作者：laosun阅读（2700）

QQ最火的那一版表情，那么如果想在自己的项目中使用怎么办，别着急，看俺老孙慢慢教给你如何在自己的项目中使用QQ Face 表情

前端页面使用类似QQ一样的弹窗口选择表情。看图如下



使用方法我共享一下，不做过多的解释，没什么好解释的，至于后台怎么存储，你就把表情的标识[微笑]存进去就行，获取的时候通过 类似敏感词过滤DFA算法 进行替换即可。当然也可以使用div替换textarea文本域，这样的话，就达到了在编辑的时候就可以直接显示表情，而不是[微笑]这种看着别扭的文本表达方式！！！

使用方式：

引入js和css文件，把静态表情包放入静态目录，从下边可以看出我的是放到了assets/images/emoji下

然后在使用的页面加载qqface

$(function(){
	$('.emotion').qqFace({
		id : 'facebox', //表情盒子的ID
		assign:'area_content', //给哪个控件赋值
		path:'${ctx!}/assets/images/emoji/'	//表情存放的路径
	});
    });




测试方法：

    <a href="javascript:;" class="emotion">点击</a>




附近下载：qqface.zip

 发表评论

 请文明留言

  发表

共 3 条评论