随笔-tinymce学习笔记--安装--基于Vue

这几天在学习使用tinymce的使用（因为UE富文本编辑器已经好久没更新了，找个新的用用）---基于Vue

简单安装：

引用：为vue开发者整合的tinymce富文本编辑器组件（提灯人帕奇式）

tinymce是个外文的编辑器，而中文文档中使用是通过script直接引入js然后在页面初始化。而我的目标是在Vue中将其写成一个组件--所以有了这个引用

第一步：安装引用中的组件

yarn add @packy-tang/vue-tinymce /  npm install @packy-tang/vue-tinymce

第二步：安装完整的tinymce包

npmi tinymce -S

第三步：将node_module中的tinymce完整包复制到根目录下的static下中，同时需要下载一个中文包放到tinymce下的lang文件夹内（安装的包并没有对应的中文，需要自己下）

 

项目 / static

第四步：在根目录下的index.html中对static中的tinymce进行引用，之后如果对源码需要修改，就只要修改static中的文件，无需改动node_module

 

index中的引用

第五步：在src下的main.js中对tinymce进行注册

 

tinymce注册

到这一步tinymce的安装就基本完成了，之后就是封装到控件中使用。