图像管理器(ImageManager) · Froala HTML Editor 参考手册

### imageManagerDeleteMethod | Type: | String | |---| | Default: | 'POST' | | Plugin: | image_manager.min.js | HTTP图像管理器删除图像请求类型。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerDeleteMethod: 'DELETE' }); ~~~ ### imageManagerDeleteParams | Type: | Object | |---| | Default: | {}| | Plugin: | image_mananger.min.js | 传递给图像管理器图像删除请求的附加参数。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerDeleteParams: {user_id: 4219762} }); ~~~ ### imageManagerDeleteURL | Type: | String | |---| | Default: | '' | | Plugin: | image_manager.min.js | 要删除图像的http请求的URL。请求将包含图像的源 ` SRC ` 参数。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerDeleteURL: 'http://example.com/delete_image' }); ~~~ ### imageManagerLoadMethod | Type: | String | |---| | Default: | 'GET'| | Plugin: | image_manager.min.js | HTTP图像管理器加载图像请求类型。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerLoadMethod: 'POST' }); ~~~ ### imageManagerLoadParams | Type: | Object | |---| | Default: | {} | | Plugin: | image_manager.min.js | 从映像管理器传递给加载映像请求的附加参数。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerLoadParams: {user_id: 4219762} }); ~~~ ### imageManagerLoadURL | Type: | String | |---| | Default: | 'http://i.froala.com/images' | | Plugin: | image_manager.min.js | HTTP请求的URL，以加载出现在图像管理器中的图像页。响应应该是一个数组的对象为每个图像，类似： ~~~ [ { url: 'http://exmaple.com/images/photo1.jpg', thumb: "http://exmaple.com/thumbs/photo1.jpg", tag: 'flower' }, { url: 'http://exmaple.com/images/photo2.jpg', thumb: "http://exmaple.com/thumbs/photo2.jpg", tag: 'sport' } ] ~~~ 在 ` URL ` 是必需的， `thumb` 推荐和 `tag` 是可选的。图像对象也可以包含额外的数据将被保存为图像属性 `data-* `。例如: ~~~ [ { url: 'http://exmaple.com/images/photo1.jpg', thumb: "http://exmaple.com/thumbs/photo1.jpg", tag: 'flower' name: "Photo 1 Name", id: 103454285, } ] ~~~ `<img src='http://exmaple.com/images/photo1.jpg' data-name='Photo 1 Name' data-id='103454285'>` #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerLoadURL: 'http://example.com/load_images' }); ~~~ ### imageManagerPageSize | Type: | Number | | Default: | 12 | | Plugin: | image_manager.min.js | 图像管理器中每页加载的图像数。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerPageSize: 10 }); ~~~ ### imageManagerPreloader | Type: | String | |---| | Default: | '' | | Plugin: | image_manager.min.js | 在图像管理器中从服务器加载图像时要显示的GIF图像的路径。如果没有指定选项，则会出现“加载”文本。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerPreloader: '/images/loader.gif' }); ~~~ ### imageManagerScrollOffset | Type: | Number | |---| | Default: | 20 | | Plugin: | image_manager.min.js | 像素从底部的滚动内容触发图像下一页加载的距离。 #### CODE EXAMPLE ~~~ $('.selector').froalaEditor({ imageManagerScrollOffset: 10 }); ~~~