Code Editor

This example demonstrates how to create a Code Editor using the Rich Text Editor. As you begin typing, you're in a standard Editor space. But if you click on the "code icon" &mdash the rightmost icon on the second row — you can begin using HTML markup. When you toggle the code editing mode back off, you'll see rich text formatted with your HTML.

This text field can contain stylized text and graphics. To cycle through all formatting options, use the keyboard shortcut Control + Shift + T to place focus on the toolbar and navigate between option heading names.

Common formatting keyboard shortcuts:

Control Shift B sets text to bold
Control Shift I sets text to italic
Control Shift U underlines text
Control Shift [ aligns text left
Control Shift | centers text
Control Shift ] aligns text right
Control Shift L adds an HTML link
To exit this text editor use the keyboard shortcut Control + Shift + ESC.

You have left the Rich Text Editor.