Vue - 引入 Tinymce 富文本编辑器（详细步骤及运行Demo）

文章底部，获取示例源代码，克隆仓库运行起来。 文章底部，获取示例源代码，克隆仓库运行起来。

您可以跟着教程一步步实现，也可以直接克隆仓库拿到源码！

前言

首先，网上有很多 vue 项目引入 tinymce 富文本编辑器的教程，可以用五花八门来形容，排版和逻辑都非常的乱。

本文实现了该富文本的引入与详细的使用教程，代码干净整洁，注释超级超级详细！无任何冗余代码！

保姆级教程，几分钟快速引入和搞懂 Tinymce 富文本编辑器插件。

根据自己的需求，直接用或进行改造即可，如下图所示：

准备工作

作为演示，我通过 vue-cli 创建了一个非常干净的项目，您也可以跟着我一起准备。