# Rich text editor

Some record fields support rich text content. These fields open a block-based rich text editor that lets you write structured, visually styled content directly inside the record form.

The editor is used in:

* Record descriptions
* Comments
* Wiki pages
* Any custom rich text field

## Toolbar[​](#toolbar "Direct link to Toolbar")

The toolbar appears at the top of the editor and provides access to all formatting options. On smaller screens or when editing comments, some options may be hidden behind a **...** menu.

## Text formatting[​](#text-formatting "Direct link to Text formatting")

Use the toolbar, keyboard shortcuts, or markdown shortcuts to apply formatting. Markdown shortcuts are converted automatically as you type - block shortcuts trigger at the beginning of a new line followed by Space, and inline shortcuts trigger when you wrap text with the corresponding characters.

| Format            | Toolbar          | Keyboard shortcut | Markdown shortcut            |
| ----------------- | ---------------- | ----------------- | ---------------------------- |
| **Bold**          | B button         | Ctrl+B            | `**text**`                   |
| *Italic*          | I button         | Ctrl+I            | `*text*`                     |
| Underline         | U button         | Ctrl+U            | -                            |
| ~~Strikethrough~~ | Toolbar menu     | -                 | `~~text~~`                   |
| Highlight         | Toolbar menu     | -                 | `==text==`                   |
| Heading (H1-H6)   | Heading dropdown | -                 | `#` through `######`         |
| Bullet list       | List button      | -                 | `-` or `*`                   |
| Numbered list     | List button      | -                 | `1.`                         |
| Block quote       | Quote button     | -                 | `>`                          |
| Checkbox list     | Checkbox button  | -                 | `[ ]` or `[x]`               |
| `Code block`      | Toolbar menu     | -                 | ` ``` ` or ` ```javascript ` |
| Inline code       | -                | -                 | `` `text` ``                 |

### Headings[​](#headings "Direct link to Headings")

Six heading levels are available (H1 through H6). Use headings to structure longer content like wiki pages. In wiki pages, headings automatically generate anchor links that can be used for navigation.

### Block quotes[​](#block-quotes "Direct link to Block quotes")

Use block quotes for callouts, citations, or to visually set apart important text. To exit a block quote, press Enter on an empty line within the quote.

## Code[​](#code "Direct link to Code")

The editor supports two types of code formatting:

### Inline code[​](#inline-code "Direct link to Inline code")

Wrap text with backticks (`` ` ``) to create inline code like `this`. Inline code is used for short references - variable names, file paths, commands, or field names within a sentence.

### Code blocks[​](#code-blocks "Direct link to Code blocks")

For multi-line code, use the toolbar to insert a code block, or type three backticks (` ``` `) at the start of a line. Code blocks support:

* **Syntax highlighting** - select the language from the dropdown at the top of the block to get proper highlighting
* **Multi-line content** - paste or type multiple lines of code
* **Copy button** - click to copy the entire block contents

To exit a code block, press Enter twice on an empty line at the end of the block, or click below the block.

## Links[​](#links "Direct link to Links")

### Creating links[​](#creating-links "Direct link to Creating links")

* **Paste a URL** - paste a URL directly into the editor and it will be converted to a clickable link automatically
* **Keyboard shortcut** - select text and press Ctrl+K to turn it into a hyperlink
* **Toolbar** - use the link button to add or edit links

### Link behavior[​](#link-behavior "Direct link to Link behavior")

* URLs are auto-detected and converted to clickable links when you type or paste them
* A link popup appears when you hover over or click a link, showing the URL and options to edit or remove it
* Internal record links are created by wrapping a record ID in double brackets (e.g., `[[WORKSPACE/APP123]]`) - the editor converts them into clickable references

## Images[​](#images "Direct link to Images")

Add images to your content in several ways:

* **Paste** - copy an image to your clipboard and paste it (Ctrl+V) into the editor
* **Upload** - use the toolbar image button to select a file from your computer
* **Drag and drop** - drag an image file from your desktop into the editor

![Content field showing a pasted image with resize handles at the edges](/assets/images/pasting-images-991481cd101da06d4211517f3284deb5.png)

### Pasting images from clipboard[​](#pasting-images-from-clipboard "Direct link to Pasting images from clipboard")

Paste images from your clipboard directly into any content field using:

* right-click and select "Paste"
* keyboard shortcut Ctrl+V (Windows) or Cmd+V (Mac)
* direct paste from clipboard after copying or taking screenshots

### Image management[​](#image-management "Direct link to Image management")

Once pasted or uploaded, images become part of the record content. You can:

* **Resize** - drag the handles at the edges of the image to adjust dimensions; the resized dimensions are saved with the content
* **Reposition** - move images within the content area
* **Replace** - paste new images to update existing ones

Images are stored within your workspace and maintain their original quality.

## Tables[​](#tables "Direct link to Tables")

Insert tables using the toolbar. Once created, you can:

* Add and remove rows and columns
* Resize columns by dragging borders
* Enter text, links, and basic formatting in cells

Tables are useful for structured data like comparison grids, schedules, or status matrices.

## Embedded diagrams[​](#embedded-diagrams "Direct link to Embedded diagrams")

Draw diagrams directly inside the editor using the embedded Excalidraw tool. Click the Excalidraw button in the toolbar to open the drawing canvas. Create flowcharts, wireframes, sketches, and other visuals without leaving the record form.

Diagrams are stored as part of the record content and can be edited later by clicking on them.

## Slash commands[​](#slash-commands "Direct link to Slash commands")

Type `/` to open a command menu for quickly inserting content blocks:

* Tables
* Code blocks
* Images
* Horizontal rules
* Other block types

This provides an alternative to the toolbar for inserting structured content.

## Collapsible blocks[​](#collapsible-blocks "Direct link to Collapsible blocks")

Create expandable/collapsible sections to organize longer content. Collapsible blocks are useful in wiki pages for FAQs, detailed procedures, or optional reference material.

## HTML editing[​](#html-editing "Direct link to HTML editing")

For advanced users, the editor provides an **Edit HTML** option that lets you view and edit the underlying HTML directly. This can be useful for fixing formatting issues or pasting content from external sources.

## Tips[​](#tips "Direct link to Tips")

* Use keyboard shortcuts for the most common formatting (Ctrl+B, Ctrl+I, Ctrl+K) to speed up editing
* The editor saves structured content - your formatting is preserved exactly as you create it
* When pasting content from external sources (Word, Google Docs, web pages), the editor cleans up the formatting automatically
* For long wiki pages, use headings to create structure - they generate anchor links automatically

## Related[​](#related "Direct link to Related")

* [Modify app record](/user-guide/app-record/modify-app-record.md) - user selectors, list selectors, and conflict notifications
* [File previews and attachments](/user-guide/app-record/file-previews-and-attachments.md) - attach and preview files on records