vite项目使用tinymce插件axupimgs实现多图片上传 | 北门清燕
2023年4月28日(已编辑)清学小记389 字2 分钟
在vite项目中使用tinymce富文本编辑器实现多图片上传,目前方案方案是使用axupimgs插件实现,在此记录下实现过程。
这篇文章最后修改于 23 年 5 月 4 日 星期四,部分内容可能已经不适用,如有疑问可联系作者。
简介
在vite项目中使用tinymce富文本编辑器实现多图片上传,目前方案方案是使用axupimgs插件实现,在此记录下实现过程。
参考文档
本文主要参考:TinyMCE中文文档中文手册、在vue3.0+中使用tinymce及实现多图上传,文件上传,公式编辑等功能两篇文档思路实现。
实现方法
- 前往上方文档里下载多图上传插件axupimgs
- 将解压后的多图上传插件
axupimgs复制到public/tinymce文件夹下
- 在
components/Editor.vue里引入多图上传插件,并在plugins和toolbar里注册该插件
import '/public/tinymce/axupimgs/plugin' //多图上传- 刷新或重启项目即可