纯javript emoji表情插件(原创)

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

 31775  318  查看评论 (3)
分享到微信朋友圈
X
纯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模拟手机虚拟键盘

虚拟键盘在网络生活中很常见,比如使用网银或在线查询信用卡余额,在输入密码等敏感数据时,应该就会用到虚拟键盘。以防止被恶意程序捕获盗取实际键盘上的操作。
  丰富的输入
 26494  324

jQuery移动端自制画板

可以使用多种颜色画笔进行图画,有橡皮擦,代码注释较全容易扩展。注意请在移动端查看效果!
  丰富的输入
 28748  301

实现打字机效果

封装好的方法实现打字机效果兼容ie6
  丰富的输入
 25295  355

EmojiOne表情符号所见即所得的文本编辑器

emojionearea.js是一款可集成EmojiOne表情符号的所见即所得的jQuery文本编辑器插件。emojionearea.js允许你将任何的HTML元素转换为WYSIWYG文本编辑器,并且它能够在编辑器中使用Emojione图标。
  丰富的输入
 44366  343

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    胖纸 0
    2018/9/3 15:05:35
    我是被表情吸引来的 回复
    以盛之名 0
    2018/3/19 17:47:11
    Deep 0
    2018/2/13 17:25:47
    不好用,因为里面会重新覆盖你原来的模板希望修改一下
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复