一个不错的前端表情插件

mengkun 8,399 69

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

老规矩,好东西不独享。咱这就分享一下这款插件! #(你懂的)

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

正在发愁之时找到了 jQuery-emoji 这款插件,基本能满足我的需求![aru_37]

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

相对于原版,主要改动的地方如下:

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

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

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

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

打赏
发表评论
表情 图片 链接 代码

  1. 小白
    小白 Lv 1

    hadsky轻论坛可以用吗?

  2. 2381548894
    2381548894 Lv 1

    怎么搞进emlog

  3. 男人不可以穷

    感觉都用键值对,超级麻烦,还是循环输出吧[aru_39]

  4. 请叫我大熊
    请叫我大熊 Lv 1

    [斜眼笑]

  5. 多元菌
    多元菌 Lv 1

    [aru_3]我网站用你这款表情包了

  6. 454194741
    454194741 Lv 1

    赞一下

  7. telnet
    telnet Lv 1

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

  8. 1548894273
    1548894273 Lv 1

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

  9. 1548894273
    1548894273 Lv 1

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

    • mengkun
      mengkun 站长

      @1548894273自动填充功能偶尔抽风

      • 1548894273
        1548894273 Lv 1

        @mengkun回复后确实QQ邮件通知了。这功能是不是还要配置MAS机还是其他?

      • mengkun
        mengkun 站长

        @1548894273想多了…… php 发送邮件

      • 1548894273
        1548894273 Lv 1

        @mengkun学习了 我用的是CI框架

      • admin
        admin Lv 1

        @1548894273解决了 感谢![aru_42]

      • admin
        admin Lv 1

        @mengkun 查看图片
        想问下这个移动端右边多出来这块怎么解决掉啊

      • mengkun
        mengkun 站长

        @admin

        overflow-x: hidden;
      • Admin
        Admin Lv 1

        @mengkun我用过的啊 我用的overflow:hidden但是没有效果 是我加错地方了嘛 我直接放在emoji container上的[aru_16]

      • Admin
        Admin Lv 1

        @mengkun另外你这个网站上貌似也存在这个问题 就是 移动端 弹出表情后 右侧出现一大片空白 你往左边一滑动就可以看到了

      • Admin
        Admin Lv 1

        @mengkun你可以用手机访问试一下 弹出表情框够 手指左边滑动

      • admin
        admin Lv 1

        @mengkun就是兼容性出现问题 硬是把版面给挤坏掉了

分享
微信
微博
QQ