Block types
The editor supports 10 block types. Each serves a different purpose:Text
Text
A plain paragraph block — the default block type when you start typing. Use it for prose, descriptions, and any free-form content that does not need special formatting.
Heading
Heading
Section headings at three levels: H1 (large), H2 (medium), and H3 (small). Use headings to structure long pages and make them easier to scan. H1 is best reserved for top-level sections, H2 for subsections, and H3 for nested details.
Code
Code
A syntax-highlighted code block with support for 20+ languages. Use it to embed test scripts, API request examples, configuration snippets, or any code you want to share with your team. You can select the language from a dropdown at the top of the block.
Table
Table
A resizable table with a header row. Use tables to compare options, list test case steps with expected results, or present structured data. Tables support inline formatting within cells.
Image
Image
An image block that accepts a URL or a base64-encoded upload. Use it to embed screenshots, diagrams, mockups, or any visual reference relevant to the page.
Callout
Callout
A highlighted block for drawing attention to important information — warnings, tips, or anything you want readers to notice. Insert a callout with
/callout and write your message inside it.Toggle
Toggle
A collapsible block with a title. The content inside is hidden until the reader clicks to expand it. Use toggles to keep long pages tidy by hiding supplementary details, FAQs, or step-by-step instructions that not everyone needs to read.
Checklist
Checklist
An interactive to-do list where each item has a checkbox. Use checklists to track test case steps, acceptance criteria, or any list of items that need to be completed. You can check off items directly in the page.
Quote
Quote
A blockquote block styled with a left border. Use it to highlight a key requirement, a stakeholder comment, or any text you want to visually separate from the surrounding prose.
Divider
Divider
A horizontal rule that separates sections of a page. Use dividers to create clear breaks between major sections without adding a heading.
Slash commands
Type/ at the start of a new line (or after a space) to open the slash command menu. The menu groups commands into three categories: Basic Blocks, Lists, and Advanced.
Start typing after / to filter the list. Use the arrow keys to navigate and press Enter to insert the selected block. Press Escape to close the menu without inserting anything.
| Command | What it inserts |
|---|---|
/text | Plain text paragraph |
/heading1 | H1 heading |
/heading2 | H2 heading |
/heading3 | H3 heading |
/bullet | Bullet list |
/numbered | Numbered list |
/todo | Checklist with checkboxes |
/code | Syntax-highlighted code block |
/quote | Blockquote |
/divider | Horizontal rule |
/table | 3×3 table with a header row |
/image | Image block (enter a URL) |
Floating toolbar
When you select text in the editor, a floating toolbar appears above the selection. The toolbar gives you quick access to inline formatting options:- Bold —
⌘B - Italic —
⌘I - Strikethrough —
⌘⇧S - Inline code —
⌘E - Link —
⌘K - Bullet list
- Numbered list
- Blockquote
- Heading levels (H1, H2, H3)
- Checklist
Syntax highlighting
Code blocks support syntax highlighting for 20+ languages. When you insert a code block, it defaults to JavaScript. Click the language label at the top of the block to switch to a different language. Supported languages include: JavaScript, TypeScript, Python, SQL, JSON, Bash, CSS, HTML, JSX, TSX, and the full set of languages provided by highlight.js’s common bundle.Page customization
Every page has two visual customization options available from the page header: Icon — click the icon at the top of the page to open the emoji picker. Choose from 32 icons, or click Remove icon to clear it. The icon appears next to the page title in the sidebar and in search results. Cover image — click Add cover below the icon to upload an image file (JPEG, PNG, WebP, or GIF up to 5 MB). The cover displays as a full-width banner at the top of the page. Hover over an existing cover to reveal Change cover and Remove options.Keyboard shortcuts
| Shortcut | Action |
|---|---|
⌘K | Open search |
⌘\ | Toggle sidebar |
⌘S | Save the current page |
⌘B | Bold |
⌘I | Italic |
⌘⇧S | Strikethrough |
⌘E | Inline code |
⌘Z | Undo |
⌘⇧Z | Redo |
/ | Open slash command menu |
Escape | Close slash command menu or search |
Version history
Every time you save a page, Orizon QA records a new version. To view the history for a page:Select Version History
Click Version History in the dropdown. The history timeline opens, showing every saved version with a timestamp, the type of change (Created, Edited, Restored), a change summary, and the word count at that point in time.
Preview a version
Click the eye icon next to any version to preview its content in a modal without leaving the current page.
Restoring a version does not delete any history. The restore itself is logged as a new version entry, so you can always undo a restore by returning to the history and restoring an earlier version.
Auto-save
The editor saves your changes automatically. After you stop typing for 2 seconds, the page saves in the background. While the save is in progress, a Saving… indicator appears in the top bar. When there are unsaved changes that have not yet triggered the auto-save, the bar shows Unsaved in amber. You can also save manually at any time by pressing⌘S or clicking the Save button when it is visible.