Code Editor

The EuiCodeEditor component is a wrapper around react-ace (which itself wraps the ACE code editor), that adds an accessible keyboard mode to it. You should always use this component instead of AceEditor.

All parameters, that you specify are passed down to the underlying AceEditor component.

Press Enter to start editing.

When you're done, press Escape to stop editing.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Read-only

Press Enter to start interacting with the code.

When you're done, press Escape to stop interacting with the code.

<p>This code is read only</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Custom mode

Press Enter to start editing.

When you're done, press Escape to stop editing.

XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX