Valine – 自定义表情包(多组)

1017°C 11-04-2020
最近更新于:2022-06-16 00:12:23

文章摘要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

评论留言

既来之则留之~ 欢迎在下方留言评论,提交评论后还可以撤销或重新编辑。(Valine 会自动保存您的评论信息到浏览器)