Back to User Guide

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

StyleToolbarShortcutMarkdown
BoldBCmd/Ctrl + B**text**
ItalicICmd/Ctrl + I*text*
<u>Underline</u>UCmd/Ctrl + UN/A
StrikethroughSCmd/Ctrl + Shift + X~~text~~

Headings

Create section headers:

LevelToolbarMarkdown
Heading 1H1# text
Heading 2H2## 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: - item or * 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:

  1. First step
  2. Second step
  3. Third step

Nesting Lists

Indent for sub-items:

  • Press Tab to indent
  • Press Shift + Tab to outdent

Links

Adding Links

  1. Select text you want to link
  2. Click link button (🔗) or press Cmd/Ctrl + K
  3. Enter URL
  4. Press Enter or click "Add"

Editing Links

  1. Click on the linked text
  2. Edit or remove link in popup
  3. 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:

  1. Drag image file into editor
  2. Image uploads and inserts

From clipboard:

  1. Copy image (Cmd/Ctrl + C)
  2. Paste in editor (Cmd/Ctrl + V)

From toolbar:

  1. Click image button (📷)
  2. Select file from computer
  3. 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:

  1. Drag files into editor
  2. Files upload automatically

From toolbar:

  1. Click attachment button (📎)
  2. Select files
  3. 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

ActionMacWindows
BoldCmd + BCtrl + B
ItalicCmd + ICtrl + I
UnderlineCmd + UCtrl + U
StrikethroughCmd + Shift + XCtrl + Shift + X
Inline codeCmd + ECtrl + E
LinkCmd + KCtrl + K
Bullet listCmd + Shift + 8Ctrl + Shift + 8
Numbered listCmd + Shift + 7Ctrl + Shift + 7
BlockquoteCmd + Shift + 9Ctrl + Shift + 9

Editor Shortcuts

ActionMacWindows
SendCmd + EnterCtrl + Enter
UndoCmd + ZCtrl + Z
RedoCmd + Shift + ZCtrl + Shift + Z
Select allCmd + ACtrl + A

Using Markdown

The editor supports Markdown shortcuts. Type these and press Space:

TypeResult
# Heading 1
## Heading 2
- Bullet list
1. Numbered list
> Blockquote
` ` `Code block
---Horizontal rule

Mentions

@Mentioning Teammates

  1. Type @
  2. Start typing name
  3. Select from dropdown
  4. Person is notified

Auto-complete

The mention dropdown shows:

  • Name
  • Avatar
  • Role
  • Online status

Emoji

Inserting Emoji

  1. Type : followed by emoji name
  2. Select from dropdown
  3. Or use system emoji picker:
    • Mac: Cmd + Ctrl + Space
    • Windows: Win + .

Common Emoji Shortcuts

TypeEmoji
:smile:😊
:thumbsup:👍
:check:
:warning:⚠️

Templates

Using Response Templates

  1. Click template icon in toolbar
  2. Search or browse templates
  3. Click to insert
  4. Customize as needed

See Macros for template management.


Tips for Great Formatting

  1. Use headings for multi-part responses
  2. Use lists for steps or multiple items
  3. Use bold for key information
  4. Use code for technical references
  5. 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 + V for plain paste
  • Then reformat as needed

← Reply Types | Attachments →