一个不错的前端表情插件

丰富的表情是本博客改版后的一大亮点

老规矩，好东西不独享。咱这就分享一下这款插件！

纵观整个博客圈，大多数的博客要么表情很少，要么用的是 @DIYgod 大神的 OwO 实现的多表情。但是，OwO 有一个比较坑的地方在于表情是以 img 标签的形式直接插入到输入框里的……并不是我需要的那种……

正在发愁之时找到了 jQuery-emoji 这款插件，基本能满足我的需求！

But，jQuery-emoji 也并不完美。它的表情配置方式依旧不够灵活，而且在移动端体验较差。花了点时间，将它的代码稍微改了改，这下感觉好多了（其实还是有点小问题，，不过不影响使用。忽略好了……）

相对于原版，主要改动的地方如下：

新增表情列表根文件目录设置
删除对 mCustomScrollbar 的依赖
更改表情配置方式
修改表情预览框位置的判定方式
增加对移动端的兼容
整合了贴吧、QQ、微博、阿鲁全套表情

修改版下载地址：https://github.com/mengkunsoft/jQuery-emoji

原版下载地址：https://github.com/eshengsky/jQuery-emoji

使用说明参见代码中的 index.html，至于整么整合进 WordPress，请自行研究！本人不提供技术指导

本文作者为mengkun，转载请注明。

js 插件表情

发表评论取消回复

c Lv 1

挺好

#60 2021-05-19 13:25 回复
a 过客 Lv 1

不错已经用上了

#59 2021-04-22 18:51 回复
a 过客 Lv 1

老哥你这个插件对jQuery版本有要求吗

#58 2021-04-20 20:08 回复
死亡飞车 Lv 1

按了两分钟，一共164个表清包 ......

#57 2020-08-28 15:38 回复
死亡飞车 Lv 1

地址打不开

#56 2020-08-28 15:28 回复
xx Lv 1

这个不错

#55 2020-04-13 15:40 回复
sure Lv 1

讲真，打算分享一下你的工具条吗

#54 2020-03-18 04:17 回复
北巷季 Lv 1

#53 2020-03-12 01:31 回复
温言 Lv 1

话说，可以付费帮忙配置一下吗。

#52 2020-02-06 02:47 回复
#(滑稽) Lv 1

#51 2019-11-26 10:07 回复
呐 Lv 1

...路径配置不起作用是什么情况

#50 2019-10-25 15:51 回复
- mengkun 站长
  
  @呐估计是缓存了修改前的 js 文件，清空一下缓存试试
  
  2019-10-26 17:55 回复
  - yzb Lv 1
    
    @mengkun本人不提供技术支持
    
    2021-12-10 17:54 回复
TY Lv 1

。好吧你把名称改了。。

#49 2019-09-09 15:10 回复
TY Lv 1

发现一个逻辑上的错误，QQ [钱币] 旧贴吧

#48 2019-09-09 15:08 回复
试下 Lv 1

就想试试你的表情包

#47 2019-07-20 10:33 回复
那个敬业福 Lv 1

讲真，真的喜欢这套表情包

#46 2019-07-03 11:27 回复
AAAA Lv 1

厉害

#45 2019-05-21 16:31 回复
528947483 Lv 1

怎么添加到后台，坤哥求指教~

#44 2019-05-15 11:10 回复
wierli Lv 1

很棒呀，百度了一圈终于找到了。

#43 2019-04-23 14:36 回复
译丶浅夏 Lv 1

#42 2019-02-20 00:14 回复
小白 Lv 1

怎么整和进wp啊，大佬出个教程吧

#41 2019-01-22 23:35 回复
台庄资讯 Lv 1

来个教程吧

#40 2019-01-20 20:32 回复
小白 Lv 1

hadsky轻论坛可以用吗？

#39 2018-12-11 18:44 回复
2381548894 Lv 2

怎么搞进emlog

#38 2018-12-01 23:38 回复
男人不可以穷 Lv 2

感觉都用键值对，超级麻烦，还是循环输出吧

#37 2018-11-19 18:55 回复
请叫我大熊 Lv 1

#36 2018-11-16 14:01 回复
多元菌 Lv 1

我网站用你这款表情包了

#35 2018-09-04 11:50 回复
454194741 Lv 1

赞一下

#34 2018-08-17 11:39 回复
telnet Lv 1

表示完全看不懂，下载下来了，不知道咋弄。。。里面的示例也看不懂，是真的
，我不是程序员，但是喜欢瞎捯饬，求高人指点

#33 2018-07-27 15:36 回复
1548894273 Lv 1

使用之后显示不了表情是各种代码

#32 2018-07-07 23:47 回复
1548894273 Lv 1

发现识别不了QQ 好昵称接受邮件通知功能是QQ邮箱吗

#31 2018-06-30 16:36 回复
- mengkun 站长
  
  @1548894273自动填充功能偶尔抽风
  
  2018-06-30 21:45 回复
  - 1548894273 Lv 1
    
    @mengkun回复后确实QQ邮件通知了。这功能是不是还要配置MAS机还是其他？
    
    2018-07-01 14:59 回复
  - mengkun 站长
    
    @1548894273想多了…… php 发送邮件
    
    2018-07-01 15:00 回复
  - 1548894273 Lv 1
    
    @mengkun学习了我用的是CI框架
    
    2018-07-01 15:06 回复
  - admin Lv 1
    
    @1548894273解决了感谢！
    
    2018-07-28 14:43 回复
  - admin Lv 1
    
    @mengkun 查看图片
    想问下这个移动端右边多出来这块怎么解决掉啊
    
    2018-07-27 22:54 回复
  - mengkun 站长
    
    @admin
    
    Source Code
    overflow-x: hidden;
    复制文本高亮
    
    2018-07-28 09:55 回复
  - Admin Lv 1
    
    @mengkun我用过的啊我用的overflow:hidden但是没有效果是我加错地方了嘛我直接放在emoji container上的
    
    2018-07-28 10:42 回复
  - sure Lv 1
    
    @Admin老哥分享下教程？或者说说怎么做可以吗
    
    2020-03-18 17:15 回复
  - Admin Lv 1
    
    @mengkun另外你这个网站上貌似也存在这个问题就是移动端弹出表情后右侧出现一大片空白你往左边一滑动就可以看到了
    
    2018-07-28 10:45 回复
  - Admin Lv 1
    
    @mengkun你可以用手机访问试一下弹出表情框够手指左边滑动
    
    2018-07-28 10:46 回复
  - admin Lv 1
    
    @mengkun就是兼容性出现问题硬是把版面给挤坏掉了
    
    2018-07-27 22:55 回复