Editor.md中配置自定义emoji符号

十年 2020-07-02 PM 270℃ 0条

为什么要配置自定义emoji符号?

在editor.md默认的配置中加载的是外部资源,非常慢!当然你也可以下载本地化。但是本文主要介绍如何配置emoji符号而不是emoji图片。

首先找到editor.md下的emoji-dialog.js和emoji.json文件

editor配置图片

然后修改以下配置:

1.找到category变量修改为自己想要的类别名称

editor配置图片

editor配置图片

2.获取类别名称长度(默认长度是4),目的是为了修改遍历的类别dom

editor配置图片

editor配置图片

3.找到变量emojiCategories修改为自己想要的变量数组,此变量数组一一对应emoji.json中的配置

editor配置图片

emoji.json文件

editor配置图片

4.找到判断if(type === xxx),xxx代表变量数组中的某个值。此配置是为了页面显示。

editor配置图片

5.配置完成打开页面显示emoji表情符号

editor配置图片

标签: editor.md

非特殊说明,本博文章为博主原创。

评论啦~