傻瓜式 tinymce富文本编辑器在Vue项目的使用

164 阅读1分钟

安装及使用

首先安装 npm install tinymce -S

其次根据项目的vue版本选择tinymce-vue版本,如果你使用的Vue3.0可直接

npm install @tinymce/tinymce-vue -S

使用Vue2.x的项目则需安装较低的版本,我在项目采用的版本是 "3.2.6"的版本,则安装

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

接下来在public文件夹下拖进文件tinymce文件夹创建以下文件夹,

附件下载链接:链接:share.weiyun.com/sG9fFtHu 密码:wv8arv

1.png

在附件中main文件夹里面拿到封装好的组件

1.png

把Edito组件导入components包下 并且在需要使用的视图中导入组件

1.png

1.png