近期在为公司搭建CMS系统，其中一个很重要的功能就是富文本编辑器，市面上的富文本编辑器很多，但是正真符合使用场景的并不多，最终我选择TinyMCE。

TinyMCE is the world's most customizable, and flexible, rich text editor。

正如TinyMCE官网所说，TinyMCE是世界上最可定制、最灵活的富文本编辑器，易用且功能强大的所见即所得的富文本编辑器，最主要的是对word的支持很好，这篇文章主要介绍VUE项目中使用TinyMCE5的方法，以此记录自己的实践总结和经验，希望能帮到一些人解决自己的问题。

前言

在前端的项目中经常会用到很多 icon，随着项目的不断迭代，icon会越来越多，之前的项目是使用html和jq的传统项目，项目中有上百个icon，使用阿里的iconfont的font-class模式，维护起来很麻烦，而且只支持单色图标。现在项目要使用vue重构，想趁此机会改善一下icon的使用方法，以便使用和后期维护更加的简单和优雅。

iconfont的使用方式

iconfont为我们提供了三种使用方式，分别是Unicode、Font class 和 Symbol。