Skip to Content
Panele IoTTreści multimedialne

Bogata zawartość

Widget Markdown pozwala dodawać sformatowany tekst, obrazy i wartości na żywo do panelu. Używaj go do tworzenia sekcji pomocy, wyświetlania komunikatów o statusie, budowania stron dokumentacji lub dodawania kontekstu do danych — wszystko z prostym markdown.

Co możesz dodać

  • Sformatowany tekst — nagłówki, pogrubienie, kursywa, listy
  • Linki i obrazy — połącz z zewnętrznymi zasobami lub wyświetl wizualizacje
  • Tabele — przejrzyście organizuj informacje
  • Dynamiczne zmienne — pokazuj dane na żywo wbudowane w tekst, np. Czujnik 23 °C aktualizowany w czasie rzeczywistym
  • Niestandardowy HTML — mieszaj surowy HTML dla niestandardowych układów, kolorów lub stylizacji gdy sam markdown nie wystarcza

Podstawowe formatowanie

Markdown używa prostych znaków do formatowania tekstu:

  • # Nagłówek dla dużego nagłówka
  • **pogrubiony tekst** dla pogrubienia
  • *kursywa* dla kursywy
  • - lub liczby dla list

Linki: tekst w nawiasach kwadratowych następnie URL w nawiasach okrągłych — [IronFlock](https://www.ironflock.com)

Obrazy: tak samo jak link ale zaczynając od !![tekst alternatywny](https://example.com/obraz.png)

Tabele: użyj pionowych kresek | do oddzielania kolumn.

Pełna dokumentacja w oficjalnym przewodniku Markdown.

Dynamiczne zmienne

Tu widget markdown staje się naprawdę potężny: możesz wstrzykiwać dane na żywo bezpośrednio w tekst.

W treści markdown, otocz nazwę zmiennej podwójnymi nawiasami klamrowymi: {{nazwaZmiennej}}

Następnie w konfiguracji Zmiennych widgetu dodaj wpis z:

  • Etykietą — nazwą zmiennej (musi dokładnie pasować do tego co napisałeś w tekście)
  • Wartością — podłączoną do kolumny danych na żywo z aplikacji

Przykład: Napisz Aktualna temperatura: {{temp}}°C w polu markdown, następnie dodaj zmienną z etykietą temp podłączoną do kolumny temperatury urządzenia. Widget renderuje Aktualna temperatura: 23°C i aktualizuje ją na żywo wraz z napływem nowych danych.

Przypadki użycia

  • Strony powitalne — wprowadź użytkowników do panelu z kontekstem i instrukcjami
  • Podsumowania statusów — pokazuj kluczowe metryki osadzone w tekście opisowym
  • Dokumentacja pomocy — osadzaj przewodniki bezpośrednio na panelu
  • Dynamiczne wiadomości — łącz statyczny tekst z wartościami na żywo adaptującymi się do aktualnych warunków
Last updated on