近期在为公司搭建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。