ButtonLinkEdit Class
The ButtonEditLink class provides functionality for creating and editing a link in a document. Provides UI for creating, editing and removing a link.
Methods
_clearLink
()
protected
Clears the link input. This only changes the component internal state, but does not affect the link element of the editor. Only the _removeLink and _updateLink methods are translated to the editor element.
_focusLinkInput
()
protected
Focuses the user cursor on the widget's input.
_handleKeyDown
-
event
Monitors key interaction inside the input element to respond to the keys:
- Enter: Creates/updates the link.
- Escape: Discards the changes.
Parameters:
-
event
SyntheticEventThe keyboard event.
_handleLinkChange
-
event
Updates the component state when the link input changes on user interaction.
Parameters:
-
event
SyntheticEventThe change event.
_removeLink
()
protected
Removes the link in the editor element.
_updateLink
()
protected
Updates the link in the editor element. If the element didn't exist previously, it will create a new element with the href specified in the link input.
componentDidMount
()
Lifecycle. Invoked once, only on the client, immediately after the initial rendering occurs.
Focuses on the link input to immediately allow editing.
getInitialState
()
Lifecycle. Invoked once before the component is mounted. The return value will be used as the initial value of this.state.
render
()
Object
Lifecycle. Renders the UI of the button.
Returns:
The content which should be rendered.
Properties
key
String
static
The name which will be used as an alias of the button in the configuration.
Default: linkEdit