TinyMCE Editor Upload API 处理图像上传、更新撤销栈并修补各种内部函数。
示例
// 在图像扫描中应用新的过滤器。
tinymce.activeEditor.EditorUpload.addFilter((image) => {
const maxSize = 1920 * 1080;
const imageSize = image.width * image.height;
return imageSize < maxSize;
});
// 上传编辑器中所有有效的图像
tinymce.activeEditor.EditorUpload.uploadImages();
// 扫描编辑器中的有效图像
tinymce.activeEditor.EditorUpload.scanForImages();概要
属性
| 名称 | 类型 | 概要 | 定义者 |
|---|---|---|---|
blobCache |
| 编辑器实例中创建的blob元素缓存。 |
|
方法
| 名称 | 概要 | 定义者 |
|---|---|---|
addFilter() | 添加一个自定义过滤器,用于控制扫描中包含的图像。图像必须在每个添加的过滤器上都返回true才被视为有效。 |
|
destroy() | 重置所有上传图像的blob数据和上传状态。在 |
|
scanForImages() | 扫描编辑器内容中的有效图像元素并为每个图像生成blob信息。 |
|
uploadImages() | 将编辑器内容中扫描到的所有data uri/blob uri图像上传到服务器。 |
|
uploadImagesAuto() | 仅在启用自动上传时,将编辑器内容中扫描到的所有data uri/blob uri图像上传到服务器。 |
|
方法
addFilter()
addFilter(filter: Function)
添加一个自定义过滤器,用于控制扫描中包含的图像。图像必须在每个添加的过滤器上都返回true才被视为有效。
示例
// 过滤要上传的图像。
tinymce.activeEditor.EditorUpload.addFilter((image) => {
const maxSize = 1920 * 1080;
const imageSize = image.width * image.height;
return imageSize < maxSize;
});参数
filter (Function)- 过滤每个图像上传的函数。
destroy()
destroy()
重置所有上传图像的blob数据和上传状态。在editor.remove时自动调用。不建议集成使用此方法。
scanForImages()
scanForImages(): Promise
扫描编辑器内容中的有效图像元素并为每个图像生成blob信息。
返回值
Promise- 包含每个图像的元素对象和blob信息的Promise实例。
uploadImages()
uploadImages(): Promise
将编辑器内容中扫描到的所有data uri/blob uri图像上传到服务器。
返回值
Promise- 包含每个图像的图像和状态的Promise实例。
uploadImagesAuto()
uploadImagesAuto(): Promise
仅在启用自动上传时,将编辑器内容中扫描到的所有data uri/blob uri图像上传到服务器。
返回值
Promise- 包含每个图像的图像和状态的Promise实例。