Weblink: Unterschied zwischen den Versionen

Aus FHEMWiki
(Weblink mit Bildern hinzugefügt, Link zum Bearbeiten erwähnt und Beispiel dazu)
Zeile 9: Zeile 9:
}}
}}


Das (Hilfs-)Modul [[weblink]] ermöglicht es, eigene Links in die [[FHEMWEB|Fhem Oberfläche]] einzubinden.
Das (Hilfs-)Modul [[weblink]] ermöglicht es,


== Voraussetzungen ==
*Links,
Keine.
*HTML-Code,
*iframes,
*Bilder,
*und Listen in die [[FHEMWEB|Fhem Oberfläche]] einzubinden.


== Anwendung ==
==Anwendung ==
=== Define ===
===Define===
Details in der {{Link2CmdRef|Anker=weblinkdefine}}.  
Details in der {{Link2CmdRef|Anker=weblinkdefine}}.  


=== Attribute ===
===Attribute===
Details in der {{Link2CmdRef|Anker=weblink}}.  
Details in der {{Link2CmdRef|Anker=weblink}}.  


=== Bearbeitung ===
===Bearbeitung===
Da ''weblinks'' in der FHEM-Oberfläche keine einfache Möglichkeit bieten, in den Bearbeitungsmodus zu wechseln, empfiehlt es sich, z.B. den Weg über  
Da ''weblinks'' in der FHEM-Oberfläche frei gestaltet werden können, wird kein Link zum Bearbeiten angezeigt. Es empfiehlt es sich, z.B. den Weg über  
* <code>list TYPE=weblink</code> (listet alle definierten ''weblinks'' auf) oder
*<code>list TYPE=weblink</code> (listet alle definierten ''weblinks'' auf) oder
* <code>list name_des_weblinks</code> (sofern der Name des gewünschten ''weblinks'' bekannt ist)
*<code>list name_des_weblinks</code> (sofern der Name des gewünschten ''weblinks'' bekannt ist)
zu gehen.
zu gehen. Die Kommandos gibt man in die Befehlszeile ein und erhält eine Liste von weblink-Devices die man dort anklicken kann. Alternativ kann man einen Link zum Bearbeiten mit erstellen.


== Anwendungsbeispiele ==
==Anwendungsbeispiele==
Die Anwendung von Weblinks ist erläutert und bebildert z.B. auf der Seite [[UWZ]]. Des Weiteren werden auch [[SVG|Diagramme]] in der Regel als ''weblink'' des Typs '''''fileplot''''' definiert und eingebunden.
Die Anwendung von Weblinks ist erläutert und bebildert z.B. auf der Seite [[UWZ]]. Des Weiteren werden auch [[SVG|Diagramme]] in der Regel als ''weblink'' des Typs '''''fileplot''''' definiert und eingebunden.


=== htmlCode-Typ, für simple aber wichtige Formatierungs-Ergänzungen ===
===Bilder und Bearbeitungslink als HTML einfügen===
[[Datei:Weblink mit HTML Code um Bilder des DWD einzubinden.png|rand|ohne|mini|Weblink mit zwei externen Bildern des DWD]]
 
 
Will man Bilder in die FHEMWEB Oberfläche einbinden, so kann man wie folgt ein Device erstellen.
 
<syntaxhighlight lang="bash">
defmod DWDWetterNiedersachsenAktuell.webview weblink htmlCode \
<a href="/fhem?detail=DWDWetterNiedersachsenAktuell.webview">edit</a><br />\
\
<img src="https://www.dwd.de/DE/wetter/wetterundklima_vorort/niedersachsen_bremen/_functions/bildgalerie/wetter_aktuell.jpg?view=nasImage&nn=561366" height="357" width="330"></img>\
<img src="https://www.dwd.de/DWD/wetter/radar/radfilm_brd_akt.gif" height="357" width="330"></img></syntaxhighlight>
Bei dem Beispiel wird auch ein Link zum Bearbeiten mit erzeugt
 
===htmlCode-Typ, für simple aber wichtige Formatierungs-Ergänzungen===


<code>define weblink_test_web_archive_org weblink htmlCode { '<a href="https://web.archive.org">web.archive.org test</a><br>' }</code>
<code>define weblink_test_web_archive_org weblink htmlCode { '<a href="https://web.archive.org">web.archive.org test</a><br>' }</code>
Zeile 36: Zeile 53:
(weil die Usability von weblink durchaus ein Buch mit sieben Siegeln sein kann - siehe exemplarische Foren-Diskussion...)
(weil die Usability von weblink durchaus ein Buch mit sieben Siegeln sein kann - siehe exemplarische Foren-Diskussion...)


=== "Stiller Weblink" (Webhook) ===
=== "Stiller Weblink" (Webhook)===
Möchten man einen Befehl ausführen, sobald ein bestimmter Raum aufgerufen wird, kann man einen "stillen Weblink" (Webhook) erstellen, der keinen sichtbaren Output erzeugt. Dies ermöglicht es, automatisierte Aktionen in FHEM auszulösen, ohne dass man dafür mehr tun muss als den Raum mit einem Webbrowser aufzurufen.
Möchten man einen Befehl ausführen, sobald ein bestimmter Raum aufgerufen wird, kann man einen "stillen Weblink" (Webhook) erstellen, der keinen sichtbaren Output erzeugt. Dies ermöglicht es, automatisierte Aktionen in FHEM auszulösen, ohne dass man dafür mehr tun muss als den Raum mit einem Webbrowser aufzurufen.



Version vom 13. September 2023, 18:30 Uhr


weblink
Zweck / Funktion
Platzhalter zur Anzeige benutzerdefinierter Links
Allgemein
Typ Hilfsmodul
Details
Dokumentation EN / DE
Support (Forum) Frontends
Modulname 98_weblink.pm
Ersteller rudolfkoenig (Forum / Wiki)
Wichtig: sofern vorhanden, gilt im Zweifel immer die (englische) Beschreibung in der commandref!


Das (Hilfs-)Modul weblink ermöglicht es,

  • Links,
  • HTML-Code,
  • iframes,
  • Bilder,
  • und Listen in die Fhem Oberfläche einzubinden.

Anwendung

Define

Details in der commandref/weblinkdefine.

Attribute

Details in der commandref/weblink.

Bearbeitung

Da weblinks in der FHEM-Oberfläche frei gestaltet werden können, wird kein Link zum Bearbeiten angezeigt. Es empfiehlt es sich, z.B. den Weg über

  • list TYPE=weblink (listet alle definierten weblinks auf) oder
  • list name_des_weblinks (sofern der Name des gewünschten weblinks bekannt ist)

zu gehen. Die Kommandos gibt man in die Befehlszeile ein und erhält eine Liste von weblink-Devices die man dort anklicken kann. Alternativ kann man einen Link zum Bearbeiten mit erstellen.

Anwendungsbeispiele

Die Anwendung von Weblinks ist erläutert und bebildert z.B. auf der Seite UWZ. Des Weiteren werden auch Diagramme in der Regel als weblink des Typs fileplot definiert und eingebunden.

Bilder und Bearbeitungslink als HTML einfügen

Weblink mit zwei externen Bildern des DWD


Will man Bilder in die FHEMWEB Oberfläche einbinden, so kann man wie folgt ein Device erstellen.

defmod DWDWetterNiedersachsenAktuell.webview weblink htmlCode \
<a href="/fhem?detail=DWDWetterNiedersachsenAktuell.webview">edit</a><br />\
\
<img src="https://www.dwd.de/DE/wetter/wetterundklima_vorort/niedersachsen_bremen/_functions/bildgalerie/wetter_aktuell.jpg?view=nasImage&nn=561366" height="357" width="330"></img>\
<img src="https://www.dwd.de/DWD/wetter/radar/radfilm_brd_akt.gif" height="357" width="330"></img>

Bei dem Beispiel wird auch ein Link zum Bearbeiten mit erzeugt

htmlCode-Typ, für simple aber wichtige Formatierungs-Ergänzungen

define weblink_test_web_archive_org weblink htmlCode { '<a href="https://web.archive.org">web.archive.org test</a>
' }

(weil die Usability von weblink durchaus ein Buch mit sieben Siegeln sein kann - siehe exemplarische Foren-Diskussion...)

"Stiller Weblink" (Webhook)

Möchten man einen Befehl ausführen, sobald ein bestimmter Raum aufgerufen wird, kann man einen "stillen Weblink" (Webhook) erstellen, der keinen sichtbaren Output erzeugt. Dies ermöglicht es, automatisierte Aktionen in FHEM auszulösen, ohne dass man dafür mehr tun muss als den Raum mit einem Webbrowser aufzurufen.

Hier der Code:

defmod WEB.WebHook weblink htmlCode {
  fhem("setreading WEB.WebHook bla $today $hms");;
  return "<!-- Comment: WEB.WebHook was executed to print this comment -->";
}
attr WEB.WebHook room Raum1,Raum2,Raum3

In diesem Codeausschnitt wird ein Webhook mit dem Namen "WEB.WebHook" erstellt. Wenn dieser Webhook aufgerufen wird, führt er den Befehl fhem("setreading WEB.WebHook bla $today $hms") aus, um ein Reading mit dem Namen "bla" zu setzen, das das aktuelle Datum und die Uhrzeit enthält.

Der Webhook erzeugt keinen sichtbaren Output für den Benutzer. Stattdessen wird ein unsichtbarer Kommentar in Form von < !-- Kommentar: WEB.WebHook wurde ausgeführt, um diesen Kommentar auszugeben -- > generiert.

Zusätzlich kann man mithilfe der attr-Zeile festlegen, in welchen Räumen dieser Webhook aktiv sein soll. In diesem Fall ist der Webhook in den Räumen "Raum1", "Raum2" und "Raum3" aktiv.

Links