Paragraphs & Blocks

Headings

Notta supports 6 heading levels:

Adjust heading level:

• Menu → Paragraph → Promote Heading: Raise one level (e.g., H3 → H2)
• Menu → Paragraph → Demote Heading: Lower one level (e.g., H2 → H3)

Lists

Unordered List

Shortcut: Ctrl+Shift+8

- Item one
- Item two
  - Sub-item

Ordered List

Shortcut: Ctrl+Shift+7

1. First item
2. Second item
3. Third item

Task List

Shortcut: Ctrl+Shift+9

- [ ] To-do item
- [x] Completed item

In Normal mode, task lists display as clickable checkboxes.

List indentation:

• Increase indent: Tab
• Decrease indent: Shift+Tab

List type conversion:

1. Type a list prefix: Type a different list prefix at the beginning of a list item to auto-convert
2. Slash commands: Type / in a list and select the target list type

Block Quote

Shortcut: Ctrl+Shift+Q

> This is a block quote
> It can span multiple lines

Code Block

Shortcut: Ctrl+Shift+K

```javascript
function hello() {
  console.log('Hello, World!')
}
```

Code block features:

• Language selection: Choose a programming language in the top-left corner for syntax highlighting
• Language suggestions: Auto-suggest matching languages as you type
• Copy code: One-click copy button in the top-right corner
• Maximize: Full-screen display for viewing long code

Math Formulas

Inline Formula

Shortcut: Ctrl+M

Syntax: $E = mc^2$

Block Formula

Shortcut: Ctrl+Shift+M

$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$

The formula editor provides a symbol panel, template panel, and live preview. See Math Formulas for details.

Callout Boxes

Callouts are color-coded alert boxes supporting 5 types:

How to insert:

• Menu → Paragraph → Callout → Select type
• Slash commands: Type / and select the callout type

Markdown syntax:

> [!NOTE]
> This is an info callout
 
> [!WARNING]
> This is a warning

Column Layout

Insert column layouts via slash commands to display content in multiple columns, ideal for comparisons or side-by-side layouts.

Horizontal Rule

Shortcut: Ctrl+Shift+-

Markdown syntax: --- or ***

Mermaid Diagrams

Notta supports Mermaid diagram syntax for embedding flowcharts, sequence diagrams, Gantt charts, and more:

```mermaid
graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Execute]
    B -->|No| D[End]
```

Mermaid features:

• Real-time diagram rendering
• Fullscreen viewing support
• Multiple diagram types: flowcharts, sequence diagrams, Gantt charts, class diagrams, state diagrams, etc.

Next Steps

• Slash Commands — Quickly insert block elements
• Formatting — Inline text formatting
• Math Formulas — Detailed formula guide