TextEditable

The TextEditable component wraps inline text to allow it to be edited using the HTML contenteditable property. Newlines are replaced with the empty string.

Props

Name Type Default value Required? Description
value String - No Text content.
enabled Boolean true No Whether the content can be edited.

Methods

input(e)
components/TextEditable.vue, line 38

Set the content to a new value.
Parameters:
Name Type Description
e Event

keydown(e) → {boolean|void}
components/TextEditable.vue, line 27

Catch keydown events and translate 'enter' to signal completed input.
Parameters:
Name Type Description
e KeyboardEvent
Returns:
boolean | void - Whether to continue event bubbling.