HTML breadcrumb bar
A thin bar below the editor shows the DOM path at the cursor; clicking a segment jumps to that tag.
Editor power tools
Editor tools
Built for HTML, CSS, JavaScript, PHP and Markdown power editing.
The source editor supports common web project files with helper tools for formatting, navigation, snippets, image previews, multi-selection and file-aware editing.
Select Parent / Child Tag
Commands expand selection to the containing HTML element or descend to the first child element.
Multi-cursor selection
Find all, add next match and skip next match support repeated edits across a document.
Image hover preview
Hover local image paths in HTML or CSS to preview project images without opening the file.
Code-safe text view
Smart quotes, replacements, spelling and data detection are disabled for reliable source editing.
Two-space tabs
Tab inserts two spaces and Shift-Tab removes indentation near the cursor.
| Area | Formats and tools | Workflow |
|---|---|---|
| Markup | html, htm, xhtml | Edit source, inspect DOM structure and preview rendered output. |
| Styles and scripts | css, js | Maintain page styling and behavior next to the HTML project. |
| Server and data files | php, json | Open supporting files and preview PHP through a configured server workflow. |
| Writing and notes | md, txt | Edit 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.
