Show:

The ButtonImage class inserts an image to the content.

Index

Properties

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 element
  • file - 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 SyntheticEvent

    The received click event on the button.

render

() Object

Lifecycle. Renders the UI of the button.

Returns:

Object:

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.element

    The created image with src as Data URI.