Skip to main content

Interface Overview

Learn about Notta's main interface layout and components

⏱️ 5 minutes

Notta's main interface consists of the following areas:

AreaPositionDescription
Title BarTop (full width)Menu Bar + Window Controls
SidebarLeftFile Tree or Outline view
ToolbarUpper right (beside sidebar)Quick formatting action buttons
Editor AreaCenter (main area)Core Markdown editing workspace
Status BarBottom (full width)Save status, statistics, etc.

Title Bar

The title bar is at the top of the window and contains:

  • Menu Bar: File, Edit, View, Format, Paragraph, Theme, Help menus
  • Window Controls: Minimize, Maximize/Restore, Close buttons (Windows/Linux)

Toolbar

The toolbar provides quick access buttons for common operations:

ButtonFunctionShortcut
BBoldCtrl+B
IItalicCtrl+I
SStrikethroughAlt+Shift+5
</>Inline CodeCtrl+E
πŸ”—Insert LinkCtrl+K
πŸ–ΌInsert ImageCtrl+Alt+I
Ordered ListOrdered ListCtrl+Shift+7
Unordered ListUnordered ListCtrl+Shift+8
β˜‘Task ListCtrl+Shift+9
QuoteBlock QuoteCtrl+Shift+Q
Code BlockCode BlockCtrl+Shift+K
TableInsert TableCtrl+Shift+T
ExportExport Documentβ€”
HistoryVersion HistoryCtrl+Shift+H
βš™SettingsCtrl+,

Right side of the toolbar:

ButtonFunctionShortcut
WidthContent Width Selectorβ€”
ModeNormal/Source Mode ToggleCtrl+/

Status Bar

The status bar at the bottom displays:

  • Save Status: Saved / Unsaved / Saving / Save Failed
  • File Name: Current file name
  • Statistics: Line count, word count, character count
  • Edit Mode: Normal Mode / Source Mode
  • License Status: Trial days remaining (hidden when activated)

Sidebar

The sidebar is on the left side and supports two views:

  • File Tree View (Ctrl+Shift+3): Shows workspace file and folder structure
  • Outline View (Ctrl+Shift+1): Shows the heading structure of the current document

Use Ctrl+\ to toggle sidebar visibility.

See Sidebar & Outline for details.

Editor Area

The editor area is Notta's core workspace, supporting two editing modes:

  • Normal Mode: WYSIWYG rich text editing
  • Source Mode: Raw Markdown text display

See Using the Editor for details.

Next Steps

Interface Overview | Notta - 智能 Markdown 编辑器