Editor Blocks Reference
The SetGet page editor is built on a block-based architecture. Every piece of content you add to a page — text, headings, lists, tables, code, images — is a distinct block. Blocks can be inserted, reordered, converted, duplicated, and deleted independently. This page is the complete reference for every available block type.
Block basics
Inserting a block
There are three ways to insert a block:
- Slash command — type
/on a new line and select the block type from the dropdown menu. - Toolbar — select existing text and use the block type menu to convert it.
- Markdown shortcut — type a Markdown trigger (e.g.,
#for H1,-for bullet list) and the block converts automatically.
Common block actions
Every block supports these actions, accessible via the ... menu on the block handle or by right-clicking:
| Action | Description |
|---|---|
| Duplicate | Create a copy of the block directly below |
| Delete | Remove the block |
| Move up | Shift the block one position up |
| Move down | Shift the block one position down |
| Convert to | Change the block type (e.g., paragraph to heading) |
| Copy | Copy the block content to clipboard |
Drag and drop
Hover over any block to reveal the drag handle on the left. Click and hold the handle, then drag the block to reposition it within the page.
Heading
Headings structure your document and create a navigable outline. SetGet supports six heading levels.
Heading levels
| Level | Markdown shortcut | Slash command | Keyboard shortcut |
|---|---|---|---|
| H1 | # | /heading1 | Ctrl+Alt+1 |
| H2 | ## | /heading2 | Ctrl+Alt+2 |
| H3 | ### | /heading3 | Ctrl+Alt+3 |
| H4 | #### | /heading4 | Ctrl+Alt+4 |
| H5 | ##### | /heading5 | Ctrl+Alt+5 |
| H6 | ###### | /heading6 | Ctrl+Alt+6 |
Usage guidelines
- Use H1 for the main section titles within the page body. The page title itself serves as the document-level heading.
- Use H2 for subsections within an H1 section.
- Use H3 through H6 for progressively finer subsections.
- Avoid skipping levels (e.g., going from H1 directly to H4). Sequential nesting produces a cleaner document outline.
TIP
Headings are used to generate the table of contents in wiki mode. Well-structured headings make your pages easier to navigate.
Paragraph
The default block type. When you start typing on an empty line without a Markdown trigger, you create a paragraph block.
| Property | Detail |
|---|---|
| Slash command | /paragraph |
| Markdown shortcut | Just start typing |
| Supports inline formatting | Bold, italic, underline, strikethrough, code, links, color, highlight |
| Alignment | Left (default), center, right |
Paragraphs support all inline formatting. You can mix bold, italic, code, links, and colored text within a single paragraph.
Bullet list
An unordered list for items that do not have a specific sequence.
| Property | Detail |
|---|---|
| Slash command | /bullet-list |
| Markdown shortcut | - or * at the beginning of a line |
| Nesting | Press Tab to indent, Shift+Tab to outdent |
| Max nesting depth | No hard limit; indentation continues as deep as needed |
| Inline formatting | Supported within each list item |
Behavior
- Press
Enterto create a new list item. - Press
Enteron an empty list item to exit the list and create a paragraph. - Press
Tabto indent the current item, creating a nested sub-list. - Press
Shift+Tabto outdent the current item.
Numbered list
An ordered list for sequential steps or ranked items.
| Property | Detail |
|---|---|
| Slash command | /numbered-list |
| Markdown shortcut | 1. at the beginning of a line |
| Nesting | Press Tab to indent (nested lists restart numbering) |
| Auto-numbering | Numbers are assigned automatically; rearranging items updates the sequence |
| Inline formatting | Supported within each list item |
Behavior
- Numbering starts at 1 and increments automatically.
- If you rearrange items via drag and drop, numbering updates.
- Nested numbered lists start their own independent numbering sequence.
Checklist
A task list with toggleable checkboxes for tracking action items within a page.
| Property | Detail |
|---|---|
| Slash command | /checklist |
| Markdown shortcut | [] at the beginning of a line |
| Toggle | Click the checkbox to mark an item as done |
| Nesting | Supported via Tab |
| Inline formatting | Supported within each item |
| Strikethrough on complete | Checked items display with strikethrough text |
Use cases
- Meeting action items
- Pre-launch checklists
- Review criteria
- Onboarding task lists
TIP
Checklists within pages are independent of work items. If you need to track progress across sprints with states and assignments, create work items instead.
Table
A structured grid for displaying tabular data.
| Property | Detail |
|---|---|
| Slash command | /table |
| Initial size prompt | Choose rows and columns when inserting |
| Header row | First row is styled as a header by default |
| Inline formatting | Supported within each cell |
| Cell alignment | Left, center, or right per column |
Table operations
| Operation | How to |
|---|---|
| Add column | Click the + button on the right edge of the table |
| Add row | Click the + button at the bottom edge, or press Tab in the last cell |
| Delete column | Right-click the column header and select Delete column |
| Delete row | Right-click the row and select Delete row |
| Resize column | Drag the column border to adjust width |
| Reorder columns | Drag the column header to a new position |
| Reorder rows | Drag the row handle to a new position |
Limitations
- Tables do not support cell merging.
- Tables do not support formulas or computed values.
- For complex data analysis, consider exporting to a spreadsheet tool.
Code block
A syntax-highlighted block for source code, configuration snippets, and command-line examples.
| Property | Detail |
|---|---|
| Slash command | /code |
| Markdown shortcut | ``` (triple backtick) at the beginning of a line |
| Language selection | Dropdown at the top-right of the block |
| Syntax highlighting | Automatic based on the selected language |
| Line numbers | Displayed by default |
| Copy button | One-click copy of the entire block content |
| Word wrap | Toggleable; horizontal scroll when disabled |
Supported languages
The code block supports syntax highlighting for a wide range of languages, including but not limited to:
| Category | Languages |
|---|---|
| Web | JavaScript, TypeScript, HTML, CSS, SCSS, JSX, TSX |
| Backend | Go, Python, Java, C#, Ruby, PHP, Rust, C, C++ |
| Data | SQL, JSON, YAML, TOML, XML, CSV |
| Shell | Bash, Shell, PowerShell, Zsh |
| Config | Dockerfile, Nginx, Apache, INI, Env |
| Markup | Markdown, LaTeX, reStructuredText |
| Other | GraphQL, Protobuf, Terraform (HCL), Lua, Perl, Swift, Kotlin |
To set the language, click the language selector at the top of the code block and type or select the language name.
Behavior
- Press
Tabinside a code block to insert an actual tab character (or spaces, depending on configuration), not to move to the next block. - Press
Shift+Tabto outdent. - Press
Ctrl+Enter/Cmd+Enterto exit the code block and create a new paragraph below.
Image
Insert images by upload, URL, or drag and drop.
| Property | Detail |
|---|---|
| Slash command | /image |
| Upload | Click the block to open the file picker |
| Drag and drop | Drag an image from your desktop into the editor |
| URL embed | Paste an image URL to embed it |
| Supported formats | PNG, JPG, JPEG, GIF, SVG, WebP |
| Max file size | Determined by instance storage configuration |
| Alignment | Left, center, or full-width |
| Resize | Drag the corner handles to resize |
| Alt text | Set via the image menu for accessibility |
| Caption | Optional text below the image |
WARNING
Images are uploaded to the instance storage (MinIO). Ensure your instance has sufficient storage allocated. Very large images may take longer to upload and render.
Divider
A horizontal line that visually separates sections of content.
| Property | Detail |
|---|---|
| Slash command | /divider |
| Markdown shortcut | --- on an empty line, then press Enter |
| Customization | None — the divider renders as a simple horizontal rule |
Use dividers to break up long pages into visually distinct sections without using headings.
Callout
A highlighted box for drawing attention to important information.
| Property | Detail |
|---|---|
| Slash command | /callout |
| Types | Info, Warning, Danger, Success |
| Icon | Each type has a default icon (customizable) |
| Content | Supports full inline formatting and multiple paragraphs |
| Nesting | You can place other blocks (lists, code) inside a callout |
Callout types
| Type | Default color | Use case |
|---|---|---|
| Info | Blue | General information, tips, notes |
| Warning | Yellow/Amber | Cautions, important caveats, things to watch out for |
| Danger | Red | Critical warnings, destructive actions, breaking changes |
| Success | Green | Positive outcomes, completed steps, confirmations |
Inserting a callout
- Type
/calloutand press Enter. - Select the callout type from the dropdown.
- Type your message inside the callout block.
- Click outside the callout to deselect.
To change the callout type after creation, click the icon on the left side of the callout and select a different type.
Embed
Embed external content directly within your page by URL.
| Property | Detail |
|---|---|
| Slash command | /embed |
| Input | Paste a URL when prompted |
| Supported sources | YouTube, Vimeo, Loom, Figma, Google Docs, Google Sheets, Miro, and other oEmbed-compatible services |
| Display | Inline iframe with responsive sizing |
| Fallback | If the URL is not embeddable, a clickable link is shown instead |
Supported embed sources
| Source | Content type |
|---|---|
| YouTube / Vimeo | Video player |
| Loom | Screen recording |
| Figma | Design files (view-only) |
| Google Docs / Sheets | Published documents |
| Miro | Whiteboards |
| CodeSandbox / CodePen | Live code previews |
| Generic oEmbed | Any service supporting the oEmbed standard |
Draw.io diagram
An inline diagram editor powered by Draw.io for creating flowcharts, architecture diagrams, and visual documentation.
| Property | Detail |
|---|---|
| Slash command | /drawio |
| Editor | Opens the Draw.io editor in an overlay |
| Output | Rendered as an SVG image within the page |
| Editable | Click the diagram to reopen the editor and make changes |
| Export | Right-click to download the diagram as SVG or PNG |
Use cases
- Architecture and system diagrams
- Flowcharts and decision trees
- Network topology maps
- ER diagrams and data models
- Process workflows
TIP
Diagrams are stored as part of the page data. Other team members can view the rendered diagram and edit it by clicking on it.
Quote
A block quote for citing external sources or highlighting important text.
| Property | Detail |
|---|---|
| Slash command | /quote |
| Markdown shortcut | > at the beginning of a line |
| Inline formatting | Supported within the quote |
| Visual style | Left border with slight indent and muted text color |
| Nesting | Quotes can be nested inside other quotes |
Toggle
A collapsible block that hides content behind a clickable summary line.
| Property | Detail |
|---|---|
| Slash command | /toggle |
| Summary | The always-visible header text |
| Content | Hidden content that expands when clicked |
| Nested content | Any block type can be placed inside a toggle |
| Default state | Collapsed |
Use cases
- FAQ sections (question as summary, answer inside)
- Long reference content that would clutter the main flow
- Optional details and supplementary information
- Troubleshooting steps
Block type summary
| Block | Slash command | Markdown | Best for |
|---|---|---|---|
| Heading (H1-H6) | /heading1-/heading6 | # to ###### | Document structure |
| Paragraph | /paragraph | Just type | General text |
| Bullet list | /bullet-list | - or * | Unordered items |
| Numbered list | /numbered-list | 1. | Sequential steps |
| Checklist | /checklist | [] | Action items |
| Table | /table | None | Tabular data |
| Code block | /code | ``` | Source code and config |
| Image | /image | None | Visual content |
| Divider | /divider | --- | Section separation |
| Callout | /callout | None | Important notices |
| Embed | /embed | None | External content |
| Draw.io | /drawio | None | Diagrams and charts |
| Quote | /quote | > | Citations |
| Toggle | /toggle | None | Collapsible content |
Related pages
- Page Editor — Editor features, toolbar, and shortcuts
- Manage Pages — Create and organize pages
- Inline Comments — Comment on specific content
- Wiki — Structured knowledge base mode