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

Object

编辑器实例中创建的blob元素缓存。

EditorUpload

方法

名称概要定义者

addFilter()

添加一个自定义过滤器,用于控制扫描中包含的图像。图像必须在每个添加的过滤器上都返回true才被视为有效。

EditorUpload

destroy()

重置所有上传图像的blob数据和上传状态。在editor.remove时自动调用。不建议集成使用此方法。

EditorUpload

scanForImages()

扫描编辑器内容中的有效图像元素并为每个图像生成blob信息。

EditorUpload

uploadImages()

将编辑器内容中扫描到的所有data uri/blob uri图像上传到服务器。

EditorUpload

uploadImagesAuto()

仅在启用自动上传时,将编辑器内容中扫描到的所有data uri/blob uri图像上传到服务器。

EditorUpload

方法

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实例。