HACS

HTML Card

Aktywne 15 kliknięć Autor: PiotrMachowski Źródło dodania: GitHub Poleca: Inne
Home Assistant Lovelace HTML dashboard karta UI Piotr Machowski
Integracje · Home Assistant · GitHub

HTML Card

Karta Lovelace pozwalająca wyświetlać własną treść HTML bezpośrednio na dashboardzie Home Assistant.

Home AssistantLovelaceHTMLdashboardkartaUIPiotr Machowski

Czym jest ta integracja

HTML Card to karta Lovelace, która pozwala wyświetlić własny kod HTML jako element dashboardu Home Assistant. Jest przydatna wtedy, gdy standardowe karty nie dają wystarczającej kontroli nad wyglądem tekstu, opisów, bloków informacyjnych albo prostych elementów wizualnych.

Jak działa w Home Assistant

Karta renderuje zdefiniowaną treść HTML w panelu Lovelace. Można jej użyć do tworzenia opisów, niestandardowych komunikatów, prostych layoutów, paneli informacyjnych lub elementów pomocniczych w dashboardzie. Nie jest to integracja urządzenia ani sensor, lecz rozszerzenie interfejsu użytkownika.

Typowe zastosowania

HTML Card sprawdza się przy dashboardach technicznych, ekranach informacyjnych, panelach ściennych i opisach sekcji. Można za jej pomocą dodać instrukcję obsługi dla domowników, opis trybów pracy, ostrzeżenie serwisowe, listę zasad albo statyczną informację, której nie da się wygodnie przygotować standardową kartą Markdown.

Na co uważać

Karta pozwala wyświetlać HTML, więc trzeba zachować porządek i nie traktować jej jako miejsca na niekontrolowany kod z zewnętrznych źródeł. Zbyt rozbudowany HTML może utrudnić utrzymanie dashboardu i pogorszyć wygląd na telefonie. Warto używać jej do konkretnych bloków, a nie budować całego interfejsu wyłącznie na ręcznym HTML.

Instalacja

Instalacja odbywa się przez HACS jako karta Lovelace lub ręcznie przez dodanie zasobu frontendowego. Po instalacji dodaje się kartę do widoku i wpisuje treść HTML w konfiguracji karty.

Uwaga przed wdrożeniem

Przed użyciem w automatyzacjach sprawdź dokumentację projektu, wymagania wersji Home Assistant oraz aktualne zgłoszenia w repozytorium. Integracje niestandardowe mogą zmieniać sposób konfiguracji po aktualizacjach, a projekty zależne od API producenta lub usług zewnętrznych mogą czasowo przestać działać po zmianach po stronie dostawcy.

Przejdź do repozytorium

Źródło zewnętrzne projektu:

Przejdź do źródła

Powiązane materiały

buycoffee.to