Template editor

A template editor based on CodeMirror is included.

It comes with a set of add-ons, including syntax highlight, lint/hinting, and Emmet abbreviations.

Keyboard shortcuts

Here is a list of common keyboard shortcuts.

• Enter - Insert a newline and auto-indent the new line.

• Tab

  • If something is selected, indent it by one indent unit.
  • If nothing is selected, insert a tab character.
  • If tab is pressed after an Emmet abbreviation, it is expanded.

• Shift-Tab - Auto-indent the current line or selection.

• Home - Move to the start of the text on the line, or if we are already there, to the actual start of the line (including whitespace).

• Ctrl-S (PC), Cmd-S (Mac) - Save

• Ctrl-A (PC), Cmd-A (Mac) - Select the whole content of the editor.

• Ctrl-D (PC), Cmd-D (Mac) - Deletes the whole line under the cursor, including newline at the end.

• Ctrl-Z (PC), Cmd-Z (Mac) - Undo the last change.

• Ctrl-Y (PC), Shift-Cmd-Z(Mac), Cmd-Y (Mac) - Redo the last undone change.

• Ctrl-Home (PC), Cmd-Up (Mac), Cmd-Home (Mac) - Move the cursor to the start of the document.

• Ctrl-End (PC), Cmd-End (Mac), Cmd-Down (Mac) - Move the cursor to the end of the document.

• Alt-Left (PC), Ctrl-A (Mac) - Move the cursor to the start of the line.

• Alt-Right (PC), Ctrl-E (Mac) - Move the cursor to the end of the line.

• Ctrl-] (PC), Cmd-] (Mac) - Indent the current line or selection by one indent unit.

• Ctrl-[ (PC), Cmd-[ (Mac) - Dedent the current line or selection by one indent unit.

See here for the complete list.