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 auto-complete.

Keyboard shortcuts

Here is a list of common keyboard shortcuts.

  • 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.
  • Shift-Tab - Auto-indent the current line or selection.
  • 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.
  • 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).
  • 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.
  • Enter - Insert a newline and auto-indent the new line.
  • Ctrl-S (PC), Cmd-S (Mac) - Save

See here for the complete list.