# batchUploadImage

**Repository Path**: pyjzl/batch-upload-image

## Basic Information

- **Project Name**: batchUploadImage
- **Description**: TinyMCE批量上传图片插件
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2021-03-16
- **Last Updated**: 2021-03-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# batchUploadImage

#### 介绍
TinyMCE批量上传图片插件。 [查看演示](https://leifuping.gitee.io/batch-upload-image/)

#### 软件架构
基于TinyMCE 5.5.1 开发，其他版本未做测试。如有问题，欢迎反馈。


#### 安装教程

1.  首先按文档安装好 TinyMCE;
2.  图片上传功能共用 image 插件的 images_upload_handler 配置，安装前请确认已做好配置；
3.  复制 batchUploadImage 文件夹至 tinymce/plugins 目上录下；
4.  在TinyMCE 初始化配置 plugins 和 toolbar 添加 batchUploadImage；
```js
tinymce.init({
    selector: '#mytextarea',
    language: 'zh_CN',
    plugins: ['image', 'batchUploadImage'],
    toolbar: 'undo redo | formatselect | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table link removeformat | image batchUploadImage',
    images_upload_handler: function (blobInfo, success, fail) {
        // 图片上传实现 http://tinymce.ax-z.cn/general/upload-images.php
        // 上传成功调用 success(url);
        // 上传失败调用 fail();
    },
});
```

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 相关资源

1.  [TinyMCE下载](https://www.tiny.cloud/get-tiny/self-hosted/)
2.  [TinyMCE语言包下载](https://www.tiny.cloud/get-tiny/language-packages/)
3.  [TinyMCE官方文档](https://www.tiny.cloud/docs/)
4.  [TinyMCE中文文档](http://tinymce.ax-z.cn/)