Link Feld

Das Link-Feld ist ein vielseitiges Eingabefeld, mit dem verschiedene Arten von Links erstellt werden können. Der Benutzer kann zwischen folgenden Link-Typen wählen:

• URL — Link zu einer externen Webseite
• E-Mail — Erstellt einen mailto:-Link
• Telefon — Erstellt einen tel:-Link
• Datei — Link zu einer Datei aus der Flyo Mediathek
• Nitro CMS Seite — Link zu einer Seite innerhalb des Nitro CMS
• Nitro Detail Link — Link zu einer Detail-Seite eines Eintrags im Nitro CMS

Zusätzlich kann ein Ziel-Attribut (target) definiert werden, z.B. _blank um den Link in einem neuen Tab zu öffnen.

Unterschied zum URL Feld

Das URL-Feld speichert nur eine einfache URL als String. Das Link-Feld bietet zusätzlich Link-Typ, Ziel-Attribut und erweiterte Metadaten.

Ausgabe

Die Ausgabe unterscheidet sich je nach Kontext.

API

Gibt nur die aufgelöste URL (href) als String zurück:

"link": "https://flyo.ch"

Beispiele je nach Typ:

Typ	Ausgabe
URL	"https://flyo.ch"
E-Mail	"mailto:info@flyo.ch"
Telefon	"tel:+41441234567"
Datei	"https://storage.flyo.cloud/dokument.pdf"

SDK / Nitro CMS

Gibt ein detailliertes Objekt mit Link-Typ, Ziel-Attribut, aufgelöster URL und Rohdaten zurück:

"link": {
  "extras": {
    "scheme": "https",
    "host": "flyo.ch",
    "path": "/about",
    "query": "",
    "fragment": ""
  },
  "type": "url",
  "target": "_blank",
  "href": "https://flyo.ch/about",
  "raw": "https://flyo.ch/about"
}

Beispiel für einen Datei-Link:

"link": {
  "extras": {
    "id": 12345,
    "source": "39_3781cb11_dokument.pdf"
  },
  "type": "file",
  "target": "",
  "href": "https://storage.flyo.cloud/39_3781cb11_dokument.pdf",
  "raw": "12345"
}

Beispiel für einen Nitro CMS Seiten-Link:

"link": {
  "extras": {
    "uid": "abc123",
    "slug": "ueber-uns",
    "title": "Über Uns"
  },
  "type": "nitropagelink",
  "target": "",
  "href": "/ueber-uns",
  "raw": "abc123"
}

Schlüssel	Beschreibung
extras	Zusätzliche Metadaten, abhängig vom Link-Typ
type	Art des Links (url, email, tel, file, nitropagelink, nitrodetaillink)
target	Ziel-Attribut (z.B. _blank)
href	Die aufgelöste, klickbare URL
raw	Der ursprüngliche, eingegebene Wert

Leerer Wert

"link": false