axupimgs
Version:
Tinymce Plugin - Upload multiple images
59 lines (45 loc) • 1.46 kB
Markdown
# axupimgs
[](https://www.npmjs.org/package/axupimgs)
🌏 [English](https://github.com/Kori000/axupimgs/blob/main/README.md)
## 功能
- Tinymce 多图上传 插件
### 介绍
- 原作者: 莫若卿
- Tinymce 版本支持: 5.0.4+
- 支持语言: 简体中文
- 仓库作者: Kori
### 使用
- 将本库文件夹 (axupimgs) 放到 TinyMCE 主目录下的 plugins 文件夹内
- 路径样例: **public/js/tinymce/plugins/axupimgs**
- 在你的组件页面中:
- **many_images_upload_handler** 为此插件上传逻辑
- **blobInfo** 是文件信息
- **succFun** 是成功返回的 url
- **failFun** 是错误返回的 消息
```js
initTinymce() {
const _this = this
window.tinymce.init({
selector: `#tinymceId`,
plugins: 'axupimgs',
toolbar: [
'axupimgs'
],
width: '100%',
fontsize_formats: '12px 14px 16px 18px 20px 22px 24px 26px 36px 48px 56px',
statusbar: false,
// images_upload_handler: (blobInfo) => {
// },
// you need define this 'many_images_upload_handler'
many_images_upload_handler: (blobInfo, succFun, failFun) => {
// uploadApi is network api
const res = uploadApi(blobInfo)
if (res) {
succFun(res.url)
} else {
failFun('fail error')
}
},
})
},
```