Editor Overview
The Copera document editor is a powerful, Tiptap-based rich text editor that lets you create beautifully formatted content without ever leaving your browser. It combines the simplicity of a word processor with the flexibility of a modern block editor.
Key Capabilities
The editor supports a wide range of content types and formatting options:
-
Rich text formatting --- Headings, bold, italic, strikethrough, underline, inline code, code blocks with syntax highlighting, bullet lists, numbered lists, checklists, blockquotes, tables, horizontal rules, and links. Learn more in Text Formatting.
-
Slash commands --- Type
/on a new line to open the command menu. Quickly insert any block type --- headings, lists, tables, quotes, images, embeds, and more --- without reaching for a toolbar. Learn more in Slash Commands. -
Embeds and media --- Upload images, create Mermaid diagrams, and embed content from services like YouTube, Figma, Miro, Loom, Google Docs, and many others. Learn more in Embeds & Media.
-
Mentions --- Type
@to mention a team member, link to another document, or reference a channel. Type#to mention a channel. Board row mentions let you reference specific tasks directly in your text. Learn more in Mentions. -
Tables --- Insert and edit tables with full support for adding and removing rows and columns, resizing, and cell merging.
-
Code blocks --- Add syntax-highlighted code blocks for sharing code snippets with your team.
-
Drag and drop --- Rearrange blocks by grabbing the drag handle on the left side of any block and moving it to a new position.
-
Real-time collaboration cursors --- When multiple people edit the same document, each person's cursor and selection are visible in a distinct color, so you always know who is editing where.
The Toolbar
A floating bubble menu appears when you select text, giving you quick access to formatting options like bold, italic, strikethrough, code, highlight, link, and text alignment. For block-level operations, use the slash command menu or the drag handle.
AI Integration
The editor includes a built-in AI assistant. You can invoke it through the slash command /Ask AI or by pressing Space on an empty line (when enabled). The AI can help you generate content, improve your writing, or answer questions about the document. Learn more in AI in Documents.
Keyboard Shortcuts
The editor supports standard keyboard shortcuts for efficient editing:
| Action | Windows/Linux | Mac |
|---|---|---|
| Bold | Ctrl+B | Cmd+B |
| Italic | Ctrl+I | Cmd+I |
| Underline | Ctrl+U | Cmd+U |
| Strikethrough | Ctrl+Shift+S | Cmd+Shift+S |
| Inline code | Ctrl+E | Cmd+E |
| Link | Ctrl+K | Cmd+K |
| Undo | Ctrl+Z | Cmd+Z |
| Redo | Ctrl+Shift+Z | Cmd+Shift+Z |
Next Steps
- Text Formatting --- Master all the formatting options available.
- Slash Commands --- Quickly insert any content type with the
/menu. - Embeds & Media --- Add images, diagrams, and embedded content.
- Mentions --- Reference people, documents, and channels in your content.