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'  //多图上传
  • 刷新或重启项目即可