vue中引入富文本编辑器

1、安装依赖

npm i tinymce @tinymce/tinymce-vue
// "tinymce": "^5.4.1" "@tinymce/tinymce-vue": "^2.0.0"

2、下载中文语言包

3、使用

  1. public目录下新建tinymce,将下载的语言包解压到该目录
  2. node_modules里面找到tinymce,将skins目录复制到public/tinymce里面
    最终形成:public/tinymce/langs/zh_CN.js public/tinymce/langs/skins

4、封装TinymceEditor组件

路径:src/components/Editor/TinymceEditor.vue




5、封装后使用






你可能感兴趣的:(vue中引入富文本编辑器)