PDFs (Anleitungen) im Dashboard anzeigen

Hallo,

ich würde gerne PDFs, also Anleitungen, Handbücher von Haushaltsgeräten am Tablet anzeigen, scheint jedoch mit Chrome und Thematik iframe nicht so einfach zu sein.

Habe es per nginx Website die ich anzeigen lasse versucht, alle möglichen Dateiformate funktionieren, jedoch bei PDF kommt die Meldung:
Diese Seite wurde von Chrome blockiert.

Gute Idee mit einem HA-Dashboard!! Kannst du vielleicht einen Screenshot von dem Fehler senden? Soweit ich weiß ist die iframe Card ja einfach nur ein

Der gute Firefox funktioniert, möchte aber aus anderen Gründen nicht zurück :slight_smile:
Die Fehlermeldung:

Mhh, das scheint wohl ein bekanntes Problem zu sein :frowning:

Ich habe mal ChatGPT mit dem stackoverflow Thread beauftragt, dein Problem zu lösen :sweat_smile:

Vielleicht probierst du das mal aus:

Wenn PDFs, die in einem iframe eingebettet sind und lokal über nginx bereitgestellt werden, in Chrome blockiert werden, kann dies an fehlenden oder falsch konfigurierten HTTP-Headern liegen, die die Einbettung von Inhalten steuern. Um dieses Problem zu beheben, können Sie die folgenden Schritte unternehmen:

  1. X-Frame-Options-Header konfigurieren: Dieser Header legt fest, ob eine Seite in einem oder

Das ist echt ein Ding, funktioniert bei mir auch nicht. Ich habe mal etwas herumprobiert und mit einer Picture-Glance Card zumindest hinbekommen, dass die lokale PDF Datei sich öffnet. Wird aber in einem neuen Fenster/Tab geöffnet. Aber man könnte sich so eine Übersicht mit passenden Bildern der PDFs erstellen und beim draufklicken öffnet sich die PDF-Datei. :slight_smile:

type: picture-glance
aspect_ratio: " "
entities: []
title: PDF Test
image: /local/bilder/echodot.png
tap_action:
  action: url
  url_path: /local/sonne/dok.pdf

Beim Wandtablet in der Küche im KIOSK Mode, funktioniert ein separater TAB im Browser leider nicht, schade.
Die PDFs liegen zentral auf dem Synology-NAS.
Fein wäre es halt für Anleitungen der Küchengeräte..
:grinning:

Also soweit ich das richtig verstanden habe, geht es hier ja nur darum, die Dokumente von einem Nginx Webserver im HA-Dashboard anzuzeigen per iframe. Also einfach der Übersichtlichkeit und weil es praktisch ist, dass direkt als HA-Dashbord zu haben (da es auf dem Wandpanel angezeigt werden soll) Auf die Dateien könnte man ja dann weiter zugreifen, wenn HA ausfallen würde :man_shrugging:

Wie meinst du das?? Meinst du auf HA bezogen? So funktioniert ein iframe halt.. Theoretisch könnte man ja auch mit JS redirections beliebig weiterleiten, soweit der Browser es nicht verhindert.. VG

Das Problem gibt es anscheinend schon länger in Home Assistant siehe hier, aber leider keine Lösung bisher.

https://github.com/home-assistant/frontend/issues/18179

Hier gibt es was um Sensoren aus PDF Datei mit Textfilterung zu erstellen. Vielleicht geht damit etwas, habe es nicht weiter nachgelesen.

https://github.com/emcniece/ha_pdf

Und was mir gerade noch so in den Sinn kam, hast du mal versucht ein Handbuch in google.drive zu speichern und dann per iframe-card zu öffnen. Vielleicht klappt der Umweg und bei den Handybüchern wäre es auch egal, wenn sie in der Cloud liegen.

Kann ja letztlich trotzdem etwas mit dem Sicherheitsaspekt zu tun haben. Vielleicht sperrt HA die PDF Dateien oder es fehlt der interne PDF Viewer. @jbenecke Kannst du was dazu sagen, warum das so ist und man keine PDF Dateien innerhalb von HA öffnen/anzeigen kann?

Ich denke nicht, dass das direkt etwas mit HA zu tun hat. Wie oben schon im verlinkten Stackoverflow Thread beschrieben, taucht das Problem bei iframes generell auf. Es liegt daher entweder an dem Nginx Webserver, der die PDF bereitstellt oder am Chrome Browser (da es auf Firefox nicht auftritt)

Das Problem ist hier, dass die iFrame Sandbox aktiv ist, die unterbindet in Chrome PDFs. Das lässt sich derzeit auch nicht deaktivieren.

Ich schaue einmal, dass ich dazu ein Fix bereitstelle, dass man diese auf Wunsch deaktivieren kann. Kann aber dazu nix versprechen :slight_smile:

3 „Gefällt mir“

Liegt definitiv an Chrome.
Der Webserver entscheidet nicht WIE das Dokument angezeigt wird.

So, dann schauen wir mal was draus wird: Add yaml option to disable iFrame sandbox to embed PDFs by jpbede · Pull Request #24620 · home-assistant/frontend · GitHub

3 „Gefällt mir“

Sehr nett von dir, gleich eine passende Lösung zu erstellen!! :+1::+1: VG

1 „Gefällt mir“

Die YAML Option wird in der 2025.4 verfügbar sein :slightly_smiling_face:

3 „Gefällt mir“

Coole Sache! :slight_smile: :+1: Vielen Dank für deine Hilfe. :smiling_face:

1 „Gefällt mir“

Sehr cool! Darf ich fragen, ob du hauptberuflich bei Home Assistant arbeitest?

1 „Gefällt mir“

Klar darfst du :slight_smile: Nein, ich entwickle komplett auf freiwilliger Basis neben meinem Job an Home Assistant.

1 „Gefällt mir“