Chapter 2 — Main Interface
Chapter 2 — Main Interface
After binding a project, the main window consists of the following areas:

| Area | Description |
|---|---|
| ① Title bar | App icon and window title; on the right: language button, theme button, minimize/maximize/close |
| ② Menu bar | File (F), Edit (E), Selection (S), View (V), Options (&O), Go (G), Help (H) |
| ③ Toolbar | Icon buttons: new, save, save as, save all, undo, redo, cut, copy, paste, toggle preview, open in browser |
| ④ Mode bar | Five vertical buttons on the left edge: Local, Search, Version, Remote, Debug |
| ⑤ File tree | Project resource tree; double-click opens files |
| ⑥ Editor area | Tabbed editor / reader / image editor |
| ⑦ AI strip | AI panel toggle and settings buttons on the right edge of the editor |
| ⑧ Status bar | Cursor position, syntax language, encoding, line ending, find bar toggle |
On macOS the menu bar is provided by the native NSMenu with the same structure.
2.1 Title Bar
The center of the title bar shows the current file name (or the app name when no file is open). Buttons on the right:
- Language button (globe icon): opens the UI language list with the current language checked; click to switch.
- Theme button (palette icon): opens a two-level dark/light theme list; click to switch.
Both popovers close when clicking elsewhere.
2.2 Menu Bar
The seven menus in full:
File (F)

| Item | Shortcut | Description |
|---|---|---|
| New File | — | Create a new file in the current directory (name dialog) |
| Open Project | — | Bind a project directory via the system folder picker |
| Recent Projects ▸ | — | Submenu of recent projects; click to open |
| Save | Ctrl+S | Save the current file |
| Save As | Ctrl+Shift+S | Open the save-as dialog |
| Save All | Ctrl+Alt+S | Save all modified tabs |
| Close File | Ctrl+W | Close the current tab (prompts when unsaved) |
Edit (E)

Undo Ctrl+Z, Redo Ctrl+Y, Cut Ctrl+X, Copy Ctrl+C, Paste Ctrl+V, Find Ctrl+F, Replace Ctrl+H, Format Ctrl+Shift+F, Toggle Comment Ctrl+/, Delete Line Ctrl+Shift+K, Trim Trailing Whitespace.
Text-only actions (undo/redo, etc.) are dimmed in HEX mode.
Selection (S)

Select All Ctrl+A, Copy Line Up/Down Shift+Alt+↑/↓, Move Line Up/Down Alt+↑/↓, Indent Tab, Outdent Shift+Tab, To Uppercase Ctrl+U, To Lowercase Ctrl+L, Sort Lines Ascending/Descending.
View (V)

Show File Tree Ctrl+B (check mark), Show Line Numbers, Fold All Ctrl+K Ctrl+0, Unfold All Ctrl+K Ctrl+J, Toggle Word Wrap Alt+Z, HEX Mode, Zoom In Ctrl+=, Zoom Out Ctrl+-, Reset Zoom Ctrl+0.
Options (&O), Go (G), and Help (H) are covered in Chapter 7, Chapter 4, and below.
2.3 Toolbar
The toolbar provides icon buttons for frequent actions, left to right: new file, save, save as, save all, undo, redo, cut, copy, paste, toggle preview (Markdown/reader preview switch), and open in browser (HTML preview). Hovering shows a tooltip.
2.4 Mode Bar
The vertical button strip on the left edge switches the side panel view:
| Button | Panel | Description |
|---|---|---|
| Local | File tree | Project resources (default view) |
| Search | Search panel | Project-wide text search, see Chapter 6 |
| Version | Repo panel | Git/SVN repository browsing |
| Remote | Remote panel | SSH/SFTP/FTP/FTPS servers (dimmed in local mode) |
| Debug | Debug panel | Debug sessions |
Clicking the button of the current view collapses the panel (the editor expands to full width).
2.5 Status Bar
The 24px status bar shows, left to right: the syntax language of the current file (click to change), the encoding (click to change), the line ending, and the cursor line/column; the right side hosts the find bar toggle and find navigation buttons. Clicking the language or encoding indicator opens a dropdown list.
2.6 Help Menu

- Keyboard Shortcuts: opens the full shortcut list dialog (F1).
- Check for Updates: checks for a new version and shows the update dialog.
- About WxEditor: shows version, build info, and copyright.
