一个不错的前端表情插件

mengkun 1,115 19

丰富的表情是本博客改版后的一大亮点 [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

    [aru_1]赞哦[aru_132]

  2. TONGSir
    TONGSir Lv 1

    [aru_164]扎铁了,老心!

  3. BanYuner
    BanYuner Lv 1

    安装了这个表情之后,之前的表情是不是就完蛋了

    • mengkun
      mengkun 站长

      @BanYuner可以手动扒之前的表情也加到面板里来啊,具体看表情配置的那个js

  4. BanYuner
    BanYuner Lv 1

    感谢分享,准备更新一波看看效果

  5. PrajnaSmoke

    #[滑稽] 滑稽警告

  6. 木一
    木一 Lv 4

    从你换主题就看上这表情了哈哈…

  7. 广元巴士

    周末抽空报个到

  8. 阿珏
    阿珏 Lv 1

    看到好多博客都用这种类似的,一直想要个。那我就不客气拿走了[aru_151] 差个颜表情,可以加上去个。

    • mengkun
      mengkun 站长

      @阿珏不支持颜表情是这个插件目前的“缺点”之一[aru_40]
      其实大多数输入法都自带了颜文字输入,也没多大必要加上了(看起来找了个好借口[aru_59])

      • 阿珏
        阿珏 Lv 1

        @mengkun装上去好像发现了不得了的东西,我分页消失了,[aru_19]文章变成下拉加载的形式了[aru_39]

      • mengkun
        mengkun 站长

        @阿珏一定是你的打开方式不对![aru_8]

  9. 龙笑天
    龙笑天 Lv 2

    [aru_3] 评论框被我模仿走了~~#(滑稽) PS:评论飞了几分钟 失败了….

    • mengkun
      mengkun 站长

      @龙笑天哈哈哈哈,互相借鉴~[aru_11] PS:下次遇到评论飞失败了你应该截个 Console 好让我知道是哪里出了问题……[wb_委屈]

      • 龙笑天
        龙笑天 Lv 2

        @mengkun[委屈] 忘了这一茬了 估计是和我联通网络有关系吧… [呲牙]强行帅锅联通~

  10. 龙笑天
    龙笑天 Lv 2

    [aru_3] 评论框被我模仿走了~~#(滑稽)

  11. 时光博客

    好东西,谢谢分享哦[可爱]

  12. Me
    Me Lv 1

    不错,收藏了!