Chapter 2 — Main Interface

wxeditor Last Updated: 2026-10-22 10:59 Views: 38

Chapter 2 — Main Interface

After binding a project, the main window consists of the following areas:

Main window

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)

File menu

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)

Edit menu

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)

Selection menu

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)

View menu

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

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.

About dialog

← Previous Article Chapter 3 — Projects Next Article → Chapter 1 — Introduction & Quick Start

Comments

No comments yet