Embeds & Media

Copera pages support a variety of media types and embedded content. You can insert images, video, audio, and files, create diagrams, and embed content from popular third-party services --- all directly inside the editor without leaving the page.

Images

Add an image to your page:

1. Use the slash command /Image. An empty image block appears.
2. Click the block and choose Upload to pick a file from your computer, or Link to paste an image URL.
3. The image is added and displayed inline in the page.

Images can be resized by dragging the corners, and the editor remembers the size you set. The maximum image upload size is 20 MB.

Drag and Drop

You can drag an image file directly from your file system into the editor. Drop it at the position where you want it to appear, and the upload happens automatically.

Paste from Clipboard

Copy an image from any application and paste it directly into the editor with Ctrl+V (Windows/Linux) or Cmd+V (Mac). The image is uploaded and inserted at the cursor position.

Image Actions

Hover over an image to reveal a quick toolbar, or right-click it (or click the more actions dots) to open the full actions menu:

Action	What it does
Download	Save the image to your device.
Open preview	View the image full-screen in a lightbox.
Copy image	Copy the image to your clipboard to paste elsewhere.
Replace	Swap the image for a different file without losing its place.
Duplicate	Insert a copy of the image directly below.
Ask AI	Send the image to the AI assistant as context for a question.
Delete	Remove the image from the page.

Video, Audio, and Files

Beyond images, you can add other media blocks the same way --- insert the block, then upload a file or paste a link:

• Video (/Video) --- Upload a video file or paste a link, and play it inline.
• Audio (/Audio) --- Upload an audio file or paste a link, and play it inline. Great for voice notes, recordings, and podcasts.
• File (/File) --- Attach any other file --- a PDF, a document, an archive, and so on --- so readers can open or download it.

You can also drag and drop a video, audio, or other file straight into the editor. Copera automatically chooses the right block type based on what you drop: images become image blocks, videos become video blocks, audio becomes audio blocks, and everything else becomes a file block.

Mermaid Diagrams

Create diagrams using Mermaid syntax without any external tools:

1. Use the slash command /Mermaid to insert a Mermaid block.
2. Write your diagram code using Mermaid syntax.
3. The diagram renders in real time as you type.

Mermaid supports many diagram types, including:

• Flowcharts --- Visualize processes and decision trees.
• Sequence diagrams --- Show interactions between systems or participants.
• Gantt charts --- Display project timelines.
• Class diagrams --- Map out object-oriented structures.
• Entity-relationship diagrams --- Model database schemas.
• State diagrams --- Illustrate state transitions.

Example

graph TD
    A[Start] --> B{Decision}
    B -->|Yes| C[Do something]
    B -->|No| D[Do something else]
    C --> E[End]
    D --> E

This renders as a flowchart directly in the page.

Third-Party Embeds

Embed content from popular services by pasting a URL or using the slash command /Embed. Copera automatically detects the service and renders the appropriate embed. Supported services include:

Service	What You Can Embed
YouTube	Videos
Vimeo	Videos
Loom	Screen recordings
Figma	Design files and prototypes
Miro	Whiteboards and diagrams
Google Docs	Documents (view-only)
Google Sheets	Spreadsheets (view-only)
Google Slides	Presentations (view-only)
Airtable	Shared views
CodePen	Code snippets and demos
CodeSandbox	Development environments

How to Embed

1. Copy the URL of the content you want to embed.
2. In the editor, use the slash command /Embed or paste the URL directly.
3. The editor detects the service and renders an interactive embed.

Embeds are displayed inline in the page and can be resized to fit your layout.

Generic URL Embeds

For services not in the supported list, you can still embed content using the generic embed block. Paste any URL from a page that allows embedding, and Copera will render it inside your page. This works for dashboards, analytics tools, and many other web pages.

Next Steps

• Text Formatting --- Format text with headings, lists, callouts, toggles, columns, and more.
• Slash Commands --- Quickly insert any content type.
• Mentions --- Reference people, pages, and channels.
• Inline Comments --- Leave anchored comments and discuss in threads.