纯javript emoji表情插件(原创)

所属分类:输入-丰富的输入

 3194  21  查看评论 (1)
纯javript emoji表情插件(原创) ie兼容10

js Emoji 插件

一个可拓展的emoji插件,可以在config里面通过更新配置数据来添加想要的表情包(注意,为了防止样式错位,最好保持表情包的图片大小一致)

源代码里面各函数有注释,代码不难理解

一共三个文件 css,jsconfigconfig里面的代码可以和主js合并,我分开是为了代码结构更加清晰

支持require.js和nodejs的接口,可以直接调用

使用方法:

var we = new wantEmoji({
        wrapper : ".wrapper",  //需要生成表情包的包裹元素(默认为body)
        row : 4,    //每一页展示的表情的行数,可以自行调整
        autoInit : true, //初始化的过程中是否自动初始化,填否的话需要手动在后面调用we.init();
        callback : function(emojiCode){
        console.log(emojiCode);
    } //回调函数,这里是当某个表情被点击时返回的该表情对应的code值,通过调用we.explain(string) 来进行解释还原
});

因为这里基本上都是通过事件委托进行的操作,所以不用担心插件的性能问题,在移动端也能运行良好,唯一美中不足的是ie9以前的浏览器不支持css3,我也没想去打补丁了,大家有兴趣可以自己改改

相关插件-丰富的输入

jQuery文本编辑插件wangEditor

jQuery文本编辑插件wangEditor基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费
  丰富的输入
 26214  85

jquery仿牛客网的在线测评考试

实现在线模拟测评,仿照的是牛客网的测评页面
  丰富的输入
 6215  65

jQuery带表情的评论框

jQuery带表情的评论框,可自己随意添加表情框,简单方便
  丰富的输入
 734  7

超炫联系方式表单美化插件

这是一款效果非常精美炫酷的jQuery和CSS3联系方式表单美化插件。大多数网站上都有让用户填写的联系方式表单,一个设计良好的表单能够大大的提升用户的体验度。该表单美化插件在原生HTML表单的基础上进行加工,并使用jQuery来制作label动画,使表单样式更加大方得体。
  丰富的输入
 3734  28

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    lonelymoon 0
    2017/7/12 18:49:32
    在线展示网址:http://lonelymoon.linux2.jiuhost.com/wantEmoji/这里面的展示效果是被阉割过了的 回复
取消回复