ButtonImage Class
The ButtonImage class inserts an image to the content.
Index
Methods
Events
Methods
_onInputChange
()
protected
On input change, reads the chosen file and creates an img element with src the image data as Data URI. Then, fires an imageAdd via CKEditor's message system. The passed params will be:
el
- the created img elementfile
- the original image file from the input element
handleClick
-
event
Simulates click on the input element. This will open browser's native file open dialog.
Parameters:
-
event
SyntheticEventThe received click event on the button.
render
()
Object
Lifecycle. Renders the UI of the button.
Returns:
The content which should be rendered.
Properties
editor
Object
The editor instance where the component is being used.
key
String
static
The name which will be used as an alias of the button in the configuration.
Default: image
label
String
The label that should be used for accessibility purposes.
tabIndex
Number
The tabIndex of the button in its toolbar current state. A value other than -1 means that the button has focus and is the active element.
Events
imageAdd
Fired when an image file is added as an element to the editor.
Event Payload:
-
el
CKEDITOR.dom.elementThe created image with src as Data URI.