Rich Content

Das Markdown-Widget ermöglicht es Ihnen, formatierten Text, Bilder und Live-Werte zu Ihrem Board hinzuzufügen. Nutzen Sie es, um Hilfe-Bereiche zu erstellen, Statusmeldungen anzuzeigen, Dokumentationsseiten zu bauen oder Ihren Daten Kontext zu geben — alles mit einfachem Markdown.

Was Sie hinzufügen können

Formatierter Text — Überschriften, fett, kursiv, Listen
Links und Bilder — Verknüpfung zu externen Ressourcen oder Anzeige von Grafiken
Tabellen — Informationen übersichtlich organisieren
Dynamische Variablen — Live-Daten direkt im Text anzeigen, z. B. Sensor 23 °C in Echtzeit aktualisiert
Benutzerdefiniertes HTML — Rohes HTML einbinden für individuelle Layouts, Farben oder Styling, wenn Markdown allein nicht ausreicht

Grundformatierung

Markdown verwendet einfache Zeichen zur Textformatierung:

# Überschrift für eine große Überschrift
**fetter Text** für Fettschrift
*kursiver Text* für Kursivschrift
- oder Nummern für Listen

Links: Text in eckigen Klammern gefolgt von der URL in runden Klammern — [IronFlock](https://www.ironflock.com)

Bilder: wie ein Link, aber mit vorangestelltem ! — ![Alternativtext](https://example.com/image.png)

Tabellen: Verwenden Sie senkrechte Striche | zur Spaltentrennung.

Sie müssen sich das nicht alles merken — Markdown ist intuitiv und Sie werden es schnell beim Verwenden lernen. Eine vollständige Referenz finden Sie im offiziellen Markdown-Leitfaden.

Dynamische Variablen

Hier wird das Markdown-Widget richtig mächtig: Sie können Live-Daten direkt in Ihren Text einfügen.

Umschließen Sie im Markdown-Inhalt einen Variablennamen mit doppelten geschweiften Klammern: {{variableName}}

Fügen Sie dann in der Variablen-Konfiguration des Widgets einen Eintrag hinzu mit:

Label — der Variablenname (muss exakt mit dem übereinstimmen, was Sie im Text geschrieben haben)
Value — verbunden mit einer Live-Datenspalte aus Ihrer App

Beispiel: Schreiben Sie Aktuelle Temperatur: {{temp}}°C in das Markdown-Feld und fügen Sie dann eine Variable mit dem Label temp hinzu, die mit der Temperaturspalte Ihres Geräts verbunden ist. Das Widget rendert Aktuelle Temperatur: 23°C und aktualisiert den Wert live, sobald neue Daten eintreffen.

Anwendungsfälle

Willkommensseiten — Führen Sie Nutzer mit Kontext und Anleitungen in das Board ein
Statuszusammenfassungen — Zeigen Sie wichtige Kennzahlen eingebettet in beschreibendem Text
Hilfedokumentation — Betten Sie Anleitungen direkt auf dem Board ein
Dynamische Nachrichten — Kombinieren Sie statischen Text mit Live-Werten, die sich an aktuelle Bedingungen anpassen