Valine addon 04/11/2020
最近更新于:

为 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
  • ...