如何在vue项目中引入tinymce富文本并运行

1. 在vue项目中安装tinymce 

npm install @tinymce/tinymce-vue -S

npm install tinymce -S

 2. 安装完成之后，在node_modules中找到tinymce/skins目录，把skins目录拷贝到public文件下。

3.tinymce默认是英文界面，所以需要下载一个中文的语言包https://www.tiny.cloud/get-tiny/language-packages/

4.在页面中引入一下文件

把tinymce封装成一个组件

 

 

5.使用组件

//鼠标单击的事件

onClick(e, editor) {

},