vue-cli3 与 vue-cli2使用 Tinymce富文本编辑器的异同

前提

先安装依赖包

npm install tinymce @tinymce/tinymce-vue -S

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

注意: 如果是使用 vue-cli 3.x 构建的 typescript 项目,就放到 public 目录下,文中所有 static 目录相关都这样处理

tinymce 默认是英文界面,所以还需要下载一个中文语言包

然后将这个语言包放到 static 目录下,为了结构清晰,我包了一层 tinymce 目录

这个是vue-cli2项目的的放法
vue-cli3 与 vue-cli2使用 Tinymce富文本编辑器的异同_第1张图片
这个是vue-cli3项目的的放法
在这里插入图片描述

引用-代码



你可能感兴趣的:(vue-cli3 与 vue-cli2使用 Tinymce富文本编辑器的异同)