Inhalts-Bricks

Überblick

Inhalts-Bricks dienen dazu, Lernenden Informationen zu vermitteln. Sie erfordern keine Interaktion – sie sind die Bausteine für die Wissensvermittlung.

Text & Typografie

Überschrift

Ein Titel oder eine Abschnittsüberschrift mit anpassbarer Formatierung. Unterstützt Rich-Text-Formatierung (fett, kursiv, tiefgestellt, hochgestellt).

Text

Ein Rich-Text-Block für Absätze und formatierte Inhalte. Unterstützt die vollständige Formatierungsleiste einschließlich Listen, Links, Farben und Ausrichtung.

Zitat

Ein formatierter Zitatblock mit optionaler Autorenangabe. Ideal, um zentrale Aussagen oder Expertenmeinungen hervorzuheben.

Hinweis

Ein hervorgehobener Informationsblock mit verschiedenen Varianten (Info, Warnung, Tipp, Wichtig). Lenkt die Aufmerksamkeit auf wichtige Informationen.

Highlight

Ein auffälliger Textblock mit individuellem Hintergrund und Formatierung, um zentrale Konzepte hervorzuheben.

Medien

Bild

Ein eigenständiges Bild mit optionaler Bildunterschrift und Alt-Text. Unterstützt:

• Datei-Upload (PNG, JPEG, WebP)
• Stockbild-Suche
• KI-Bildgenerierung
• Bildzuschnitt

Bild-Text

Ein Layout, das ein Bild mit Rich-Text-Inhalt nebeneinander kombiniert. Die Bildposition (links oder rechts) ist konfigurierbar.

Video

Ein eingebetteter Videoplayer. Unterstützt:

• YouTube- und Vimeo-URLs
• Direkten Video-Datei-Upload
• Konfigurierbare Höhe

Audio

Ein Audioplayer mit Wiedergabesteuerung. Unterstützt:

• Audio-Datei-Upload
• KI-Text-zu-Sprache-Generierung

Anhang

Ein herunterladbarer Dateilink. Laden Sie Dokumente (PDF, Word, Excel usw.) hoch, die Lernende herunterladen können.

Code & Technisch

Code

Ein syntaxhervorgehobener Codeblock, der mehrere Programmiersprachen unterstützt. Code-Bricks werden bei Nutzung der Übersetzungsfunktion nicht übersetzt – Ihr Quellcode bleibt unverändert erhalten.

Code einbetten

Ein eingebettetes interaktives Element. Drei Modi:

• Ordner hochladen – Laden Sie einen HTML-Ordner hoch (muss index.html enthalten)
• URL – Betten Sie eine externe URL per iframe ein
• KI – Generieren Sie interaktive HTML-Inhalte mit KI (nur im Organisations-Scope)

Layout

Trenner

Eine visuelle Trennlinie zwischen Inhaltsabschnitten. Unterstützt individuelle Formen und Stile.

Liste

Eine strukturierte Liste mit geordneten oder ungeordneten Elementen.

Diagramm

Ein Datenvisualisierungs-Brick, der mehrere Diagrammtypen unterstützt:

• Balkendiagramm
• Liniendiagramm
• Kreisdiagramm
• Und weitere