vite项目使用tinymce插件axupimgs实现多图片上传

简介

vite项目中使用tinymce富文本编辑器实现多图片上传,目前方案方案是使用axupimgs插件实现,在此记录下实现过程。

参考文档

本文主要参考:TinyMCE中文文档中文手册在vue3.0+中使用tinymce及实现多图上传,文件上传,公式编辑等功能两篇文档思路实现。

实现方法

  • 前往上方文档里下载多图上传插件axupimgs
  • 将解压后的多图上传插件axupimgs复制到public/tinymce文件夹下
  • components/Editor.vue里引入多图上传插件,并在pluginstoolbar里注册该插件
1
import '/public/tinymce/axupimgs/plugin'  //多图上传
  • 刷新或重启项目即可