vite项目使用tinymce插件axupimgs实现多图片上传
简介
在vite
项目中使用tinymce
富文本编辑器实现多图片上传,目前方案方案是使用axupimgs
插件实现,在此记录下实现过程。
参考文档
本文主要参考:TinyMCE中文文档中文手册、在vue3.0+中使用tinymce及实现多图上传,文件上传,公式编辑等功能两篇文档思路实现。
实现方法
- 前往上方文档里下载多图上传插件axupimgs
- 将解压后的多图上传插件
axupimgs
复制到public/tinymce
文件夹下 - 在
components/Editor.vue
里引入多图上传插件,并在plugins
和toolbar
里注册该插件
1 | import '/public/tinymce/axupimgs/plugin' //多图上传 |
- 刷新或重启项目即可