提示:文章是以vue2.x 引入tinymce富文本编译器,以下是一些我在安装中的注意事项记录一下。
1.使用tinymce的时候注意一下Vue使用的版本,我使用的是Vue2.x所以引入tinymce的版本: npm install tinymce@5.1.0 npm install @tinymce/tinymce-vue@3.0.1 之前安装的时候没有挂版本号直接下载的,运营的 时候控制台一直报错。
2.安装之后我的实践是将,node_modules 中 tinymce文件,拷贝到了 public目录下。
3.因为tinymce 默认是英文界面,所以还需要下载一个中文语言包。
还是在public/tinymce文件夹内新建langs文件夹,用来存放下载的中文语言包,如下图所示:
4.富文本组件