Editor and Preview

The editor pane is where you write and edit your messages. It is powered by CodeMirror 6 with optional Vim mode support.

Editor Features

• Markdown editing with syntax highlighting

• Vim mode enabled by default, via @replit/codemirror-vim. Toggle on/off in Settings or via the command palette. Configure clipboard sync, mode indicator, and vimrc in Settings → Vim — see Settings and Themes.

• Configurable font — Change font family, size, and line height in Settings → Editor

• Configurable padding — Adjust horizontal and vertical padding for comfortable writing

• Line wrapping — Text wraps automatically to fit the editor width

• Scroll past end — The editor allows scrolling past the last line of the document, so you can comfortably edit text at the bottom of a long file without it being pinned to the bottom edge of the viewport

• Typewriter scrolling — Optional mode that keeps the active line centered in the viewport while typing. Enable in Settings → Editor. Useful for long-form writing where you want to maintain a consistent eye position

Drag and Drop

You can drag files from Finder (or any file manager) and drop them onto the editor area:

• Image files (.png, .jpg, .gif, .webp, etc.) — The image is saved through the workspace Assets API and a Markdown image reference (![]()) is inserted at the cursor.

• Text files (.md, .mdx, .txt, .markdown) — A new note is created and pre-filled with the file's contents. The editor switches to the new note automatically. See Notes — Creating a note from a file for details.

Images pasted from the clipboard follow the same save-and-insert behaviour as image drops.

Word Count

A status bar at the bottom of the editor displays:

• Characters — Total character count

• Characters (no spaces) — Character count excluding whitespace

• Lines — Total number of lines

The counts update as you type.

Markdown List Auto-Indent

The editor provides automatic list continuation when pressing Enter:

• Unordered lists — Continues -, *, or + markers

• Ordered lists — Continues and auto-increments numbered markers (1., 2., etc.)

• Task lists — Continues - [ ] checkbox markers

• Indentation — Preserves the current indentation level

To exit a list, press Enter on an empty list item — the marker is removed and you return to normal text.

Preview Mode

Press Mod+E to toggle between the editor and the live markdown preview. The preview renders your markdown with:

• Full GitHub Flavored Markdown support (headings, lists, links, tables, code blocks, etc.)

• Code block syntax highlighting with a copy button and word-wrap toggle

• Find-in-page search (Mod+F in preview mode) — see Find in Page

Split Frames

The editor supports splitting into multiple frames for side-by-side editing. Each frame is an independent editor instance that can display a different note.

Splitting and Closing

Split the current frame using the command palette or keyboard shortcuts:

Each split direction determines where the new frame appears relative to the current one. Splits can be nested — you can split a split frame further.

Close a frame by clicking its close button. The remaining frame expands to fill the space.

Focus Navigation

Cycle focus between frames without the mouse:

Frame Layout

Use the frame header or command palette to zoom, collapse, split, swap, or equalize frames. These actions arrange editor and preview surfaces without changing the underlying workspace documents.

Editor Settings

Available in Settings → Editor: