Valine – 自定义表情包（多组）

文章摘要moonshot-v1-8k

Standby API Responsing..

为 Valine 添加自定义表情包

众所周知 Valine 自带 emojis 表情是满足不了一颗折腾的心的/doge，除了使用网上dalao集成好的 Valine.js 外，还可以采取自己动手丰衣足食的做法。

Valine.js v1.4.3 版本已于4月11日更新后支持表情包

Valine 自带的表情组是一个数组对象，那我们就从这个入手；

自定义内容需要了解部分基础的 js 操作

注意，以下思路可能并不适用于，要做到真正的自定义还是需要根据个人需求来操作，这里只是个人的思路。

1. 首先定位到 e.exports ，进行emoji表情自定义修改（将对象改为普通数组，该数组的数量会与第二个表情包的数量同步）
   • 删除原有 {key:value} 对象，
   • 添加表情包数组 [key]（数量自定义）
2. 定位到 r.prototype.bind = function(e) ，
   • 添加切换按钮 ii，添加初始变量 ESwitch （用于判断 ESwitch 的值来进行表情包切换）
   • 在原有默认表情下（r）i标签下，再 u.create 一个 （rs）img标签并为其 src 赋值（图片库路径）
   • 通过判断 ESwitch 的默认值来判断默认显示的表情包
3. 定位到 t.emoji = { show: function() ，
   • 添加额外的点击调用函数 t.semoji
   • 调用内部，通过点击时判断一个调用（r）也就是默认的i标签，另一个调用（rs）也就是自定义的img标签
4. 定位到 u.on("click", i,function(e) {
   • 绑定点击事件（对应点击调用函数）

其实上面瞎扯那么多我自己都不知道在说啥了哈哈哈，很乱因为我搞的时候不清晰也没规律，都是有想法了之后的瞎搞搞。。

Futures

• 使用转义字符替代图像url
• …