半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题

1. 前言

做项目的时候需要用到文档编辑器,再三思考后决定选用Editor.md毕竟国产,而且开源简直诚意十足。但是在配置的时候出现了一些问题,下面就将我出现的问题记录下,并提供解决方案供大家查看。

2. Editor.md的基本使用

首先到Editor.md-Github去下载最新的版本。

3. 在项目中使用基本功能的配置

半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题_第1张图片
需要添加到项目中的文件

截图中标出的部分需要拷贝到相应的文件夹中。除此之外还有一个jquery-min.js文件,该文件在/example/js/文件夹中,然后下图是我的项目结构。

半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题_第2张图片
项目结构示例

4. 下载emoji表情包

原来项目中使用的是http://www.emoji-cheat-sheet.com网站的表情包,不知道怎么回事反正就是不显示了,没办法只能将表情包下载到本地了。

emoji表情包地址

将下载的表情包解压放在下图所示的文件夹中:

半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题_第3张图片
emoji表情包放在这里

5. 修改editormd.js文件

找到下图的中的位置,将原来的http://www.emoji-cheat-sheet.com/graphics/emojis/替换为此时红色标记区域的内容

半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题_第4张图片
替换内容

6. 测试

新建一个html文件拷贝以下内容




    
    Simple example - Editor.md examples
    
    


运行截图

半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题_第5张图片
期待已久的emoji就出来啦

你可能感兴趣的:(半暖商城番外篇--解决Editor.md中emoji图标无法显示的问题)