Sunny主题如何替换为图片表情包

说明

注意，此方法为使用js将emoji替换为图片，每张图片对应一个emoji，因此请准备好emoji以及对应的表情包。

表情包数量不宜过多，否则会影响效率

步骤

1. 打开sunny主题设置--自定义js，填入：

   ♾️ javascript 代码:

   {
    var emojiMap = {
        "😝": "/emojicat/01.png",
        "😢": "/emojicat/02.png",
        "😋": "/emojicat/03.png"
    };
    function comment_change_emoji() {
        $('#comments .cat_comment_body .content .substance,.comment_emoji_block span,.cat_recentcomment_list').each(function () {
            var html = $(this).html();
            $.each(emojiMap, function (emoji, imgUrl) {
                var imgTag = '<img src="' + imgUrl + '" class="comment-emoji">';
                html = html.split(emoji).join(imgTag);
            });
            $(this).html(html);
        });
    }
    comment_change_emoji();
   }

   其中一个emoji对应一个图片地址，修改好。

2. 主题设置--评论与邮件--自定义评论区emoji，填入步骤1中的emoji😝😢😋
3. 主题设置--自定义pjax回调函数，填入comment_change_emoji();
4. 主题设置--自定义评论发送后回调函数，填入comment_change_emoji();
5. 主题设置--自定义ajax文章列表加载回调函数，填入comment_change_emoji();

6. 主题设置--自定义css填入

   ♾️ css 代码:

   .comment-emoji {
    width: 2.5rem;
    height: 2.5rem;
   }