![](/style/images/good.png)
2
![](/style/images/bad.png)
vite项目使用tinymce插件axupimgs实现多图片上传
source link: https://www.bmqy.net/2642.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
vite项目使用tinymce插件axupimgs实现多图片上传
在vite
项目中使用tinymce
富文本编辑器实现多图片上传,目前方案方案是使用axupimgs
插件实现,在此记录下实现过程。
本文主要参考:TinyMCE中文文档中文手册、在vue3.0+中使用tinymce及实现多图上传,文件上传,公式编辑等功能两篇文档思路实现。
-
前往上方文档里下载多图上传插件axupimgs
-
将解压后的多图上传插件
axupimgs
复制到public/tinymce
文件夹下 -
在
components/Editor.vue
里引入多图上传插件,并在plugins
和toolbar
里注册该插件
import '/public/tinymce/axupimgs/plugin' //多图上传
- 刷新或重启项目即可
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK