关于使用vue-html5-editor,富文本插件，icon图标不显示的一个记录

最近项目中用到了vue-html5-eidtor富文本插件，但是功能是实现了，但是icon图标无法正常显示

 

首先，已经确定正常引入和全局注册了vue-html-editor插件

 

 

 

 

富文本框能正常显示，但是功能的icon图标无法显示，

然后通过查找，发现是font-awesome控制着插件icon图标的显示，然后安装font-awesome

icon图标还是不能正常显示

认为是font-awesome中的css引入的字体文件路径不对，将路径改成绝对路径还是行不通

后来发现，是在全局中就没有引入font-awesome.css，导致图标不能正确显示，

在main.js中全局引入font--awesome.css后，就能正常使用了

// 引入字体图标样式

import '../node_modules/font-awesome/css/font-awesome.css'

 

附上项目目录