Editor power tools

Built for HTML, CSS, JavaScript, PHP and Markdown editing. The source editor supports common web project files with helper tools for formatting, navigation, snippets, image previews, multi-selection and file-aware editing.

A thin bar below the editor shows the tags enclosing the cursor; clicking a segment jumps to that tag.

Select Parent / Child Tag

Edit ▸ Select Parent Tag (Ctrl+[) expands the selection to the containing HTML element; Select Child (Ctrl+]) descends to the first child element.

Multi-cursor selection

Find all, add next match and skip next match support repeated edits across a document: Find ▸ Find All and Select (Shift+Alt+G), Add Next Match to Selection (Shift+Alt+R) and Skip and Add Next Match to Selection (Ctrl+Shift+Alt+R).

Image hover preview

Hover local image paths in HTML or CSS to preview project images without opening the file.

Two-space tabs

Tab inserts two spaces and Shift+Tab removes indentation near the cursor. Edit ▸ Re-Indent (Ctrl+Shift+I) indents the document again, and Go to Line… (Ctrl+L) moves the cursor.

Formats

AreaFormats and toolsWorkflow
Markuphtml, htm, xhtmlEdit source, inspect DOM structure and preview rendered output.
Styles and scriptscss, jsMaintain page styling and behaviour next to the HTML project.
Server and data filesphp, jsonOpen supporting files and preview PHP through a configured server workflow.
Writing and notesmd, txtEdit Markdown and plain text inside the same project workspace.

Insertion shortcuts

The Insert menu keeps common HTML, form, CSS, jQuery Mobile, PHP and Markdown snippets close to the editor. Edit ▸ Text, Edit ▸ Paragraph Format and Edit ▸ List wrap the selection in the matching tags; see Keyboard Shortcuts.