Rich Text Editor
Relay's rich text editor lets you create well-formatted responses with styling, links, lists, and more. This guide covers all formatting options.
Editor Overview
The composer includes a formatting toolbar:
┌─────────────────────────────────────────────────────────┐
│ B I U S │ H1 H2 │ • # │ 🔗 📷 📎 │ <> │ ⋮ │
├─────────────────────────────────────────────────────────┤
│ │
│ Type your message here... │
│ │
└─────────────────────────────────────────────────────────┘
Text Formatting
Basic Styles
| Style | Toolbar | Shortcut | Markdown |
|---|---|---|---|
| Bold | B | Cmd/Ctrl + B | **text** |
| Italic | I | Cmd/Ctrl + I | *text* |
| <u>Underline</u> | U | Cmd/Ctrl + U | N/A |
| S | Cmd/Ctrl + Shift + X | ~~text~~ |
Headings
Create section headers:
| Level | Toolbar | Markdown |
|---|---|---|
| Heading 1 | H1 | # text |
| Heading 2 | H2 | ## text |
Code
For technical content:
Inline code:
- Toolbar:
<>button - Markdown:
`code` - Shortcut:
Cmd/Ctrl + E
Code blocks:
- Toolbar: Code block option
- Markdown: Triple backticks
- Supports syntax highlighting
function example() {
return "Hello!";
}
Lists
Bullet Lists
Create unordered lists:
- Toolbar: Bullet list button (•)
- Shortcut:
Cmd/Ctrl + Shift + 8 - Markdown:
- itemor* item
Example:
- First item
- Second item
- Third item
Numbered Lists
Create ordered lists:
- Toolbar: Number list button (#)
- Shortcut:
Cmd/Ctrl + Shift + 7 - Markdown:
1. item
Example:
- First step
- Second step
- Third step
Nesting Lists
Indent for sub-items:
- Press
Tabto indent - Press
Shift + Tabto outdent
Links
Adding Links
- Select text you want to link
- Click link button (🔗) or press
Cmd/Ctrl + K - Enter URL
- Press Enter or click "Add"
Editing Links
- Click on the linked text
- Edit or remove link in popup
- Changes save automatically
Link Preview
When you paste a URL, Relay may show a preview with:
- Page title
- Description
- Image thumbnail
Images
Inserting Images
Drag and drop:
- Drag image file into editor
- Image uploads and inserts
From clipboard:
- Copy image (
Cmd/Ctrl + C) - Paste in editor (
Cmd/Ctrl + V)
From toolbar:
- Click image button (📷)
- Select file from computer
- Image uploads and inserts
Image Sizing
After inserting:
- Click image to select
- Drag corners to resize
- Click alignment options
Attachments
Adding Files
Drag and drop:
- Drag files into editor
- Files upload automatically
From toolbar:
- Click attachment button (📎)
- Select files
- Files upload and attach
Supported File Types
- Documents: PDF, DOC, DOCX, XLS, XLSX, PPT
- Images: JPG, PNG, GIF, SVG
- Archives: ZIP
- Other: Most common file types
File Size Limits
- Individual file: 25 MB
- Total per message: 50 MB
Blockquotes
Quote previous messages or external content:
- Toolbar: Quote button
- Markdown:
> quoted text - Shortcut:
Cmd/Ctrl + Shift + 9
This is a blockquote example. It can span multiple lines.
Horizontal Rules
Create visual separators:
- Toolbar: More options → Horizontal rule
- Markdown:
---on its own line
Keyboard Shortcuts
Formatting Shortcuts
| Action | Mac | Windows |
|---|---|---|
| Bold | Cmd + B | Ctrl + B |
| Italic | Cmd + I | Ctrl + I |
| Underline | Cmd + U | Ctrl + U |
| Strikethrough | Cmd + Shift + X | Ctrl + Shift + X |
| Inline code | Cmd + E | Ctrl + E |
| Link | Cmd + K | Ctrl + K |
| Bullet list | Cmd + Shift + 8 | Ctrl + Shift + 8 |
| Numbered list | Cmd + Shift + 7 | Ctrl + Shift + 7 |
| Blockquote | Cmd + Shift + 9 | Ctrl + Shift + 9 |
Editor Shortcuts
| Action | Mac | Windows |
|---|---|---|
| Send | Cmd + Enter | Ctrl + Enter |
| Undo | Cmd + Z | Ctrl + Z |
| Redo | Cmd + Shift + Z | Ctrl + Shift + Z |
| Select all | Cmd + A | Ctrl + A |
Using Markdown
The editor supports Markdown shortcuts. Type these and press Space:
| Type | Result |
|---|---|
# | Heading 1 |
## | Heading 2 |
- | Bullet list |
1. | Numbered list |
> | Blockquote |
` ` ` | Code block |
--- | Horizontal rule |
Mentions
@Mentioning Teammates
- Type
@ - Start typing name
- Select from dropdown
- Person is notified
Auto-complete
The mention dropdown shows:
- Name
- Avatar
- Role
- Online status
Emoji
Inserting Emoji
- Type
:followed by emoji name - Select from dropdown
- Or use system emoji picker:
- Mac:
Cmd + Ctrl + Space - Windows:
Win + .
- Mac:
Common Emoji Shortcuts
| Type | Emoji |
|---|---|
:smile: | 😊 |
:thumbsup: | 👍 |
:check: | ✅ |
:warning: | ⚠️ |
Templates
Using Response Templates
- Click template icon in toolbar
- Search or browse templates
- Click to insert
- Customize as needed
See Macros for template management.
Tips for Great Formatting
- Use headings for multi-part responses
- Use lists for steps or multiple items
- Use bold for key information
- Use code for technical references
- Keep it scannable: Customers may skim
Troubleshooting
"Formatting not showing in email"
- Some email clients have limited HTML support
- Core formatting (bold, lists) works everywhere
- Complex formatting may simplify
"Image won't upload"
- Check file size (< 25 MB)
- Check file type is supported
- Try a different browser
"Pasted content looks wrong"
- Try
Cmd/Ctrl + Shift + Vfor plain paste - Then reformat as needed