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

发表于 分类于 阅读次数： 本文字数： 180 阅读时长 ≈ 1 分钟

简介

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

参考文档

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

实现方法

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