Using the Editor
Master Notta's editing modes and features
⏱️ 6 minutes
Normal Mode (WYSIWYG)
Normal mode is Notta's default editing mode, providing a what-you-see-is-what-you-get experience:
- Markdown syntax renders in real-time as formatted text
- Headings display at different sizes
- Bold, italic, and other formatting renders directly
- Tables display visually
- Code blocks have syntax highlighting
Source Mode
Source mode displays raw Markdown text, ideal for:
- Precise control over Markdown syntax
- Viewing and editing raw markup
- Handling complex Markdown structures
How to switch:
- Shortcut:
Ctrl+/(menu shortcut) orCtrl+Shift+E(global shortcut) - Mode toggle button on the right side of the toolbar
- Menu → View → Source Mode
Tip
When switching modes, the editor maintains your current viewport position — it won't jump to the beginning of the document.
Content Width
The toolbar provides a content width selector with 3 options:
| Option | Max Width | Description |
|---|---|---|
| Normal | 900px | Default width, suitable for reading and editing |
| Wide | 1200px | Wider editing area, good for tables and wide content |
| Full | 100% | Fills the entire editing area with only 1rem margin |
Zoom
| Action | Shortcut |
|---|---|
| Zoom In | Ctrl+= |
| Zoom Out | Ctrl+- |
| Reset Zoom | Ctrl+0 |
Fullscreen Mode
Press F11 to enter or exit fullscreen mode for a larger editing space.
Page Navigation
For large documents, Notta uses chunking technology to split documents into multiple pages. The pagination control bar at the bottom of the editor area provides:
- Previous Page: Click left arrow or press
PageUp - Next Page: Click right arrow or press
PageDown - Page Indicator: Shows format
current / total, e.g.,3 / 10 - Progress Bar: Visual reading progress indicator
Auto-paging
When scrolling to the top or bottom of the editing area, it automatically switches to the adjacent page with a spring animation effect.
See Large Documents for more details.
Next Steps
- Formatting — Learn text formatting operations
- Paragraphs & Blocks — Explore block-level elements
- Slash Commands — Quickly insert various content