Embeds & Medien

Copera-Dokumente unterstützen vielfältige Medientypen und Embeds. Sie können Bilder, Video, Audio und Dateien einfügen, Diagramme erstellen und Inhalte beliebter Drittanbieter-Services einbetten — alles direkt im Editor, ohne die Seite zu verlassen.

Bilder

So fügen Sie ein Bild hinzu:

1. Nutzen Sie den Slash-Befehl /Image. Ein leerer Bildblock erscheint.
2. Klicken Sie auf den Block und wählen Sie Upload für eine Datei vom Computer oder Link für eine Bild-URL.
3. Das Bild wird hinzugefügt und inline im Dokument angezeigt.

Bilder lassen sich an den Ecken skalieren; der Editor merkt sich die Größe. Maximale Upload-Größe: 20 MB.

Drag-and-Drop

Ziehen Sie eine Bilddatei direkt aus dem Dateisystem in den Editor. Legen Sie sie an der gewünschten Position ab — der Upload läuft automatisch.

Aus der Zwischenablage einfügen

Kopieren Sie ein Bild aus einer Anwendung und fügen Sie es mit Ctrl+V (Windows/Linux) oder Cmd+V (Mac) ein. Das Bild wird hochgeladen und an der Cursorposition eingefügt.

Bild-Aktionen

Fahren Sie über ein Bild für eine Schnell-Symbolleiste, oder Rechtsklick (bzw. more actions-Punkte) für das volle Aktionsmenü:

Aktion	Was sie tut
Download	Bild auf Ihr Gerät speichern.
Open preview	Bild im Vollbild-Lightbox ansehen.
Copy image	Bild in die Zwischenablage kopieren.
Replace	Bild durch eine andere Datei ersetzen, ohne die Position zu verlieren.
Duplicate	Kopie des Bildes direkt darunter einfügen.
Ask AI	Bild als Kontext an den KI-Assistenten senden.
Delete	Bild aus dem Dokument entfernen.

Video, Audio und Dateien

Über Bilder hinaus fügen Sie andere Medienblöcke genauso ein — Block einfügen, dann Datei hochladen oder Link einfügen:

• Video (/Video) — Videodatei hochladen oder Link einfügen und inline abspielen.
• Audio (/Audio) — Audiodatei hochladen oder Link einfügen und inline abspielen. Ideal für Sprachnotizen, Aufnahmen und Podcasts.
• File (/File) — Beliebige andere Datei anhängen — PDF, Dokument, Archiv usw. — zum Öffnen oder Download.

Sie können auch Video, Audio oder andere Dateien per Drag-and-Drop in den Editor ziehen. Copera wählt automatisch den passenden Blocktyp: Bilder → Bildblöcke, Videos → Videoblöcke, Audio → Audioblöcke, alles andere → Dateiblock.

Mermaid-Diagramme

Erstellen Sie Diagramme mit Mermaid-Syntax ohne externe Tools:

1. Slash-Befehl /Mermaid für einen Mermaid-Block.
2. Diagrammcode in Mermaid-Syntax schreiben.
3. Das Diagramm rendert in Echtzeit beim Tippen.

Mermaid unterstützt viele Diagrammtypen:

• Flowcharts — Prozesse und Entscheidungsbäume visualisieren.
• Sequenzdiagramme — Interaktionen zwischen Systemen oder Teilnehmern.
• Gantt-Charts — Projekt-Timelines anzeigen.
• Klassendiagramme — Objektorientierte Strukturen abbilden.
• Entity-Relationship-Diagramme — Datenbankschemas modellieren.
• Zustandsdiagramme — Zustandsübergänge illustrieren.

Beispiel

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

Das rendert als Flowchart direkt im Dokument.

Drittanbieter-Embeds

Betten Sie Inhalte beliebter Services ein, indem Sie eine URL einfügen oder den Slash-Befehl /Embed nutzen. Copera erkennt den Service automatisch und rendert den passenden Embed. Unterstützte Services:

Service	Was Sie einbetten können
YouTube	Videos
Vimeo	Videos
Loom	Screen-Recordings
Figma	Design-Dateien und Prototypen
Miro	Whiteboards und Diagramme
Google Docs	Dokumente (nur Ansicht)
Google Sheets	Tabellen (nur Ansicht)
Google Slides	Präsentationen (nur Ansicht)
Airtable	Geteilte Views
CodePen	Code-Snippets und Demos
CodeSandbox	Entwicklungsumgebungen

So betten Sie ein

1. Kopieren Sie die URL des gewünschten Inhalts.
2. Im Editor /Embed nutzen oder die URL direkt einfügen.
3. Der Editor erkennt den Service und rendert einen interaktiven Embed.

Embeds werden inline angezeigt und lassen sich an Ihr Layout anpassen.

Generische URL-Embeds

Für Services außerhalb der Liste können Sie mit dem generischen Embed-Block trotzdem einbetten. Fügen Sie eine URL einer Seite ein, die Embedding erlaubt — Copera rendert sie im Dokument. Funktioniert für Dashboards, Analytics-Tools und viele andere Webseiten.

Nächste Schritte

• Textformatierung — Text mit Überschriften, Listen, Callouts, Toggles, Spalten und mehr.
• Slash-Befehle — Jeden Inhaltstyp schnell einfügen.
• Mentions — Personen, Dokumente und Channels referenzieren.
• Inline-Kommentare — Verankerte Kommentare und Thread-Diskussionen.