### imageAllowedTypes
|Type: |Array|
|---|
|Default: |['jpeg', 'jpg', 'png', 'gif', 'svg+xml']|
|Plugin: |image.min.js|
允许上传的图像类型的列表。虽然这将限制上传其他类型的文件，我们强烈建议您检查服务器上的文件类型.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageAllowedTypes: ['jpeg', 'jpg', 'png']
});
~~~
### imageAltButtons
|Type: |Array|
|---|
|Default: |['imageBack', '\|']|
|Plugin:| image.min.js|
在编辑图像的替换文字，按钮弹出显示列表，改变图像的替换文字时
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageAltButtons: ['imageBack']
});
~~~
### imageDefaultAlign
|Type:| String|
|---|
|Default:| 'center'|
|Plugin: |image.min.js|
设置插入到富文本编辑器中的默认图像对齐方式。可能的值是 `'left'`, `'center'` 和 `'right'`.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageDefaultAlign: 'left'
});
~~~
### imageDefaultDisplay
|Type:| String|
|---|
|Default:| 'block'|
|Plugin: |image.min.js|
设置插入在富文本中的图像的默认显示。可能的选项是: `'inline'` 和 `'block'`.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageDefaultDisplay: 'inline'
});
~~~
### imageDefaultWidth
|Type:| Number|
|---|
|Default:| 300|
|Plugin: |image.min.js|
设置插入富文本编辑器时图像的默认宽度。设置为0不会设置任何宽度。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageDefaultWidth: 200
});
~~~
### imageEditButtons
|Type: |Array|
|---|
|Default: |['imageReplace', 'imageAlign', 'imageRemove', '\|', 'imageLink', 'linkOpen', 'linkEdit', 'linkRemove', '-', 'imageDisplay', 'imageStyle', 'imageAlt', 'imageSize']|
|Plugin: |image.min.js|
在编辑图像弹出按钮时出现的列表中选择图像。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageEditButtons: ['imageReplace', 'imageAlign', 'imageRemove']
});
~~~
### imageInsertButtons
|Type: |Array|
|---|
|Default:| ['imageBack', '\|', 'imageUpload', 'imageByURL', 'imageManager']|
|Plugin: |image.min.js|
在插入图像按钮的弹出显示列表，当插入一个新的图像到所见即所得的编辑器。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageInsertButtons: ['imageBack', '|', 'imageManager']
});
~~~
### imageMaxSize
|Type:| Number|
|---|
|Default:| 1024 * 1024 * 10|
|Plugin: |image.min.js|
上载字节的最大图像大小。默认值是10MB。尽管在上传图像之前进行了额外的检查，但是强烈建议检查服务器上的图像大小。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageMaxSize: 1024 * 1024 * 3
});
~~~
### imageMinWidth
|Type:| Number|
|---|
|Default: |16|
|Plugin: |image.min.js|
最小宽度在PX的图像可以调整到。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageMinWidth: 32
});
~~~
### imageMove
|Type:| Boolean|
|---|
|Default: |true|
|Plugin:| image.min.js|
允许拖动图像改变图像的位置。此选项将正常工作，只有当包括拖动插件.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageMove: false
});
~~~
### imageMultipleStyles
|Type:| Boolean|
|---|
|Default:| true|
|Plugin:| image.min.js|
允许一次选择多个图像样式。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageMultipleStyles: false
});
~~~
### imagePaste
|Type: |Boolean|
|---|
|Default: |true|
|Plugin:| image.min.js|
允许从剪贴板粘贴图像。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imagePaste: false
});
~~~
### imagePasteProcess
|Type:| Boolean|
|---|
|Default: |false|
|Plugin:| image.min.js|
使用默认图像设置粘贴图像。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imagePasteProcess: true
});
~~~
### imageResize
|Type: |Boolean|
|---|
|Default: |true|
|Plugin: |image.min.js|
当设置为`false`时禁用图像调整大小。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageResize: false
});
~~~
### imageResizeWithPercent
|Type: |Boolean|
|---|
|Default: |false|
|Plugin: |image.min.js|
默认情况下，图像大小调整使用PX。启用此选项将使用%而当缩放图像编辑器内。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageResizeWithPercent: true
});
~~~
### imageRoundPercent
|Type:| Boolean|
|---|
|Default:| false|
|Plugin: |image.min.js|
力图像分圆整数而调整。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageRoundPercent: true
});
~~~
### imageOutputSize
|Type:| Boolean|
|---|
|Default:| false|
|Plugin:| image.min.js|
启用此选项时，图像将获取输出中设置为属性的宽度和高度.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageOutputSize: true
});
~~~
### imageSizeButtons
|Type: |Array|
|---|
|Default:| ['imageBack', '\|']|
|Plugin: |image.min.js|
在编辑图像大小，按钮弹出显示的列表，当编辑图像的宽度和高度.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageSizeButtons: ['imageBack']
});
~~~
### imageSplitHTML
|Type: |Boolean|
|---|
|Default: |false|
|Plugin:| image.min.js|
能够将HTML插入一个新的图像.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageSplitHTML: true
});
~~~
### imageStyles
|Type:| Object|
|---|
|Default:| {'fr-rounded': 'Rounded','fr-bordered': 'Bordered'}|
|Plugin: |image.min.js|
为选定的图像设置自定义样式。类应该定义在CSS，否则不会改变图像的外观上可见.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageStyles: {
class1: 'Class 1',
class2: 'Class 2',
class3: 'Class 3'
}
});
~~~
### imageTextNear
|Type:| Boolean|
|---|
|Default:| true|
|Plugin:| image.min.js|
允许图像靠近左边或右边时的文本。禁用此选项将图像编辑器弹出可用作显示按钮.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageTextNear: false
});
~~~
### imageUploadMethod
|Type:| String|
|---|
|Default:| 'POST'|
|Plugin:| image.min.js|
HTTP上传图片的请求类型.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageUploadMethod: 'PUT'
});
~~~
### imageUploadParam
|Type:| String|
|---|
|Default:| 'file'|
|Plugin: |image.min.js|
自定义上载请求中包含图像文件的参数的名称.
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageUploadParam: 'file_name'
});
~~~
### imageUploadParams
|Type: |Object|
|---|
|Default:| {}|
|Plugin: |image.min.js|
将附加参数传递给上载请求。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageUploadParams: {
id: 'my_editor'
}
});
~~~
### imageUploadToS3
|Type:| Object|
|---|
|Default: |false|
|Plugin:| image.min.js|
集的图像上传到S3的选项。下面示例中的所有字段都是必需的。还要确保您启用CORS在亚马逊。
Note: uploadurl属性可以用来代替水桶和区域属性指定一个自定义的URL从Amazon那里上传图像。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageUploadToS3: {
bucket: 'editor',
// Your bucket region.
region: 's3-us-east-1',
keyStart: 'uploads/',
callback: function (url, key) {
// The URL and Key returned from Amazon.
console.log (url);
console.log (key);
},
params: {
acl: 'public-read', // ACL according to Amazon Documentation.
AWSAccessKeyId: 'ACCESS_KEY', // Access Key from Amazon.
policy: 'POLICY_STRING', // Policy string computed in the backend.
signature: '', // Signature computed in the backend.
}
}
});
~~~
### imageUploadURL
|Type: |String|
|---|
|Default:| 'http://i.froala.com/upload'|
|Plugin:| image.min.js|
保存用户上传的图像的URL。当一个图像上传、编辑发送文件到服务器通过HTTP请求。服务器应该处理数据请求的文件参数并返回一个包含一个链接字段的链接到上传图像的JSON对象。更多细节可以在图片上传中找到概念文章。
E.g. {link: 'path/to/image.jpg'}.
Note 1: 默认情况下，图像存储在我们的服务器上，但如果您想完全控制它们，您应该考虑在服务器上实现上传。存储在服务器上的图像，可随时删除，无需任何通知。
注2：如果域图像保存是不一样的一个编辑正在运行，您可能需要启用requestwithcors选项并在服务器上进行具体的自定义。欲了解更多信息，请参阅跨原产地资源共享。
#### CODE EXAMPLE
~~~
$('.selector').froalaEditor({
imageUploadURL: '/upload_image'
});
~~~
- 介绍
- 引用调用
- 选项(Options)
- 字符计数器(CharCounter)
- 代码美化工具(CodeBeautifier)
- 代码视图(CodeView)
- 颜色(Colors)
- 拖动(Draggable)
- 表情(Emoticons)
- 实体符(Entities)
- 文件(File)
- 字体家族(FontFamily)
- 字体大小(FontSize)
- 一般选项(General)
- 图像(Image)
- 图像管理器(ImageManager)
- 内联样式(InlineStyle)
- 语言(Language)
- 线路断路器(LineBreaker)
- 链接(Link)
- 段落格式(ParagraphFormat)
- 快速插入(Quick Insert)
- 保存(Save)
- Table
- Video
- Methods
- Align
- Button
- CharCounter
- Clean
- Code View
- Colors
- Commands
- Core
- Cursor
- Edit
- Emoticons
- Events
- File
- Font Family
- Font Size
- Format
- Fullscreen
- General
- Helpers
- HTML
- Image
- Image Manager
- Inline Style
- Keys
- Language
- Link
- Lists
- Markers
- Node
- Paragraph Format
- Paragraph Style
- Placeholder
- Popups
- Position
- Quote
- Save
- Selection
- Size
- Snapshot
- Table
- Toolbar
- Tooltip
- Undo
- Video