iview-admin2.5加入tinymce 富文本编辑器，并使用iview Upload组件进行上传图片。

前言：iview-admin2.5的富文本编辑器wangEditor，不能对图片进行拖拉编辑，所有考虑换一个好用的富文本编辑器。找了很多进行对比，最后看到Wisg.Wrong的“在 Vue 项目中引入 tinymce 富文本编辑器”，选择了 tinyMCE。

在结合 来点灵感的“tinymce 5更新后，如何使用tinymce-vue”后，最后完成了的整合。

问题：iview-admin2.5的富文本编辑器wangEditor，不能对图片进行拖拉编辑。

需求：可以拖拉编辑图片的，好用的编辑器。

tinyMCE 官网：点这里，

github地址：https://github.com/tinymce

安装：

npm install @tinymce/tinymce-vue -S
npm install tinymce -S

安装之后，在 node_modules 中找到 tinymce/skins 目录，然后将 skins 目录拷贝到 /public/tinymce 目录下

tinymce 默认是英文界面，需要langs的语言包。链接

/src/components/tinymce-editor/tinymce-editor.vue

 

src/view/components/content/edit.vue

提交前，需要获取 tinymce 富文本编辑器里面的内容。

_this.formItem.content = _this.$refs.editor.value

完成。