Editor Overview
ArchDoc's powerful rich text editor features
Editor Overview
ArchDoc includes a powerful TipTap-based rich text editor designed for technical documentation.
Editor Interface
The editor consists of:
- Toolbar: Formatting controls at the top
- Content Area: Where you write and edit
- Side Panel: Comments and metadata (in view mode)
Key Features
Text Formatting
Bold, italic, headings, and more.
Code Blocks
Syntax-highlighted code with multiple languages.
Tables
Create and edit tables for structured data.
Task Lists
Interactive checklists for tracking items.
Toolbar Overview
The editor toolbar provides quick access to all formatting options:
History
| Button | Action |
|---|---|
| ↩️ Undo | Undo last change |
| ↪️ Redo | Redo undone change |
Text Formatting
| Button | Action | Shortcut |
|---|---|---|
| B | Bold | Ctrl/Cmd + B |
| I | Italic | Ctrl/Cmd + I |
| U̲ | Underline | Ctrl/Cmd + U |
| Strikethrough | - | |
</> | Inline code | Ctrl/Cmd + E |
| 🖍️ | Highlight | - |
Headings
Six heading levels available (H1-H6).
Lists
| Button | Action |
|---|---|
| • | Bullet list |
| 1. | Numbered list |
| ☑️ | Task list |
Blocks
| Button | Action |
|---|---|
| " | Blockquote |
{ } | Code block |
| — | Horizontal rule |
Media
| Button | Action |
|---|---|
| 🔗 | Insert link |
| 🖼️ | Insert image |
| 📊 | Insert table |
| ✏️ | Insert Excalidraw diagram |
Text Alignment
- Align left
- Align center
- Align right
- Justify
Subscript/Superscript
- Subscript (H₂O)
- Superscript (x²)
Content Capabilities
Rich Text
- Multiple heading levels
- Bold, italic, underline, strikethrough
- Highlight text
- Links with automatic detection
Code
- Inline code snippets
- Code blocks with syntax highlighting
- Support for 100+ programming languages
Lists
- Bullet points
- Numbered lists
- Nested lists
- Interactive task lists
Tables
- Create structured data
- Add/remove rows and columns
- Header rows
Media
- Embed images via URL
- Insert links
- Excalidraw diagrams
- Mermaid diagrams (in preview)
Keyboard Shortcuts
Essential
| Action | Windows/Linux | Mac |
|---|---|---|
| Save | Ctrl + S | Cmd + S |
| Undo | Ctrl + Z | Cmd + Z |
| Redo | Ctrl + Y | Cmd + Shift + Z |
Formatting
| Action | Windows/Linux | Mac |
|---|---|---|
| Bold | Ctrl + B | Cmd + B |
| Italic | Ctrl + I | Cmd + I |
| Underline | Ctrl + U | Cmd + U |
| Inline Code | Ctrl + E | Cmd + E |
Structure
| Action | Windows/Linux | Mac |
|---|---|---|
| Heading 1 | Ctrl + Alt + 1 | Cmd + Alt + 1 |
| Heading 2 | Ctrl + Alt + 2 | Cmd + Alt + 2 |
| Bullet List | Ctrl + Shift + 8 | Cmd + Shift + 8 |
| Ordered List | Ctrl + Shift + 7 | Cmd + Shift + 7 |
| Task List | Ctrl + Shift + 9 | Cmd + Shift + 9 |
| Blockquote | Ctrl + Shift + B | Cmd + Shift + B |
| Code Block | Ctrl + Alt + C | Cmd + Alt + C |
Auto Features
Auto-Save
- Content cached locally every few seconds
- Survives browser crashes
- Syncs when you return
Auto-Link
- URLs automatically become clickable links
- Paste URLs to create links
Smart Typography
- Automatic curly quotes
- Em-dashes from
-- - Ellipsis from
...
View Modes
Edit Mode
- Full editing capabilities
- All toolbar options
- Real-time collaboration
Preview Mode
- Read-only formatted view
- See how the document looks
- Mermaid diagrams rendered
Switch between modes using the tabs at the top of the document.
Getting Started
- Text Formatting - Basic formatting
- Code Blocks - Adding code
- Tables - Structured data
- Diagrams - Visual elements