The Editor

The editor window shows the entire contents of your markdown or MDX files with the exception of the YAML frontmatter and any JSX import lines immediately following the frontmatter. It’s designed to provide an extremely clean writing interface, especially when both sidebars are closed. It provides markdown syntax highlighting and editing features.

Typography

The editor might look simple at first glance, but a lot of thought has gone into its design and typography. It uses the wonderful iA Writer Duo variable font, which is better suited to prose than fully monospaced fonts, and the font size and line height adjust automatically to the size of the editor. The typography and colours also adjust appropriately for dark mode, and when there’s enough room the leading ## characters of headings “hang” in the margin.

The editor in light mode at a comfortable width, with the ## markers of a heading hanging in the left margin — At a comfortable width, heading markers hang out in the margin.

The editor in a narrow window, where the font size and line height have reduced to suit the smaller width — Type size and line height adapt as the editor gets narrower.

The editor in dark mode, with typography and colours adjusted for a dark background — Typography and colours adjust automatically for dark mode.

Auto-Save

Astro Editor automatically saves your changes two seconds after you stop typing or when you hit Command + S Control + S Command + S . An additional save occurs after ten seconds of constant typing to make sure long thoughts don’t end up lost if something goes wrong.

The Command Palette

Screenshot of the command palette

The command palette provides quick access to all major functions in Astro Editor and is especially useful when working in the editor pane. Press Command + P Control + P Command + P from anywhere in the application to open the command palette and start typing to search for a command. See the Commands reference for the full list of what’s available.