关于引入Tinymce后出现图标乱码问题解决最近在Vue的项目有关于文章新增和编辑的功能，需要一富文本编辑器，经百度和谷

最近在Vue的项目有关于文章新增和编辑的功能，需要一富文本编辑器，经百度和谷歌后最终选择了Tinymce这款富文本编辑器，也是我第一款用的富文本编辑器（因为很菜之前都没有遇到过类似的需求），使用体验非常不错~

但是在使用的时候也遇到了问题，说下我的使用步骤叭

1.安装依赖

npm i tinymce

2.自定义component组件TinymceEditor，结构如下：

├── components
│   ├── TinymceEditor
│   │   ├── index.vue

3.在页面中引入

import Editor from '@/components/TinymceEditor'
//组件声明
components: {    
  'editor': Editor
}

4.在页面中使用

<editor v-model="articleMain.content" />

5.预览的时候遇到了问题，编辑器内的图标都是undefined，百度原因是无法正常加载tinymce包里面的icons.js文件，导致语法错误

6.经查阅Tinymce文档后，在组件中引入以下语句，问题解决。

import 'tinymce/icons/default'