Dies ist eine Anleitung zur Erstellung reichhaltiger Link-Vorschauen mit Onebox in Discourse. Sie erklärt, wie man Oneboxes erstellt, Inline-Oneboxing verwendet, Oneboxing vermeidet, Hyperlinks verwendet und erweiterte iFrames behandelt.
Erforderliches Benutzerniveau: Alle Benutzer
Onebox wandelt Ihre Weblinks in nützliche Vorschau-Ausschnitte um, die den Lesern helfen, sich über das Ziel zu informieren, bevor sie darauf klicken.
Zusammenfassung
Diese Anleitung behandelt, wie man:
- Oneboxes erstellt
- Inline-Oneboxing verwendet
- Oneboxing vermeidet
- Hyperlinks anstelle von Oneboxing verwendet
- Erweiterte iFrames behandelt
Eine Onebox erstellen
Um eine Onebox zu erstellen, fügen Sie einfach einen beliebigen Link in einer eigenen Zeile in einen Beitrag ein, wie folgt:
https://www.google.com/
Dies führt zu:
Onebox unterstützt allgemeine oEmbed- und OpenGraph-Tags und verfügt über benutzerdefinierte Regeln für beliebte Seiten wie Wikipedia, Twitter, Amazon, YouTube und andere.
Versuchen Sie, Links in Ihre Beiträge einzufügen und zu sehen, was passiert. Denken Sie nur daran, dass der Link in einer eigenen Zeile stehen muss, damit Oneboxing funktioniert!
Inline-Oneboxing
Wenn die Website-Einstellung enable inline onebox on all domains aktiviert ist (diese Funktion ist standardmäßig aktiviert), ersetzt das Einfügen des Links inline mit dem Text den Rohlink durch den Titel der Seite, wie hier Understanding Discourse Trust Levels
like this https://blog.discourse.org/2018/06/understanding-discourse-trust-levels/
Oneboxes vermeiden
Wenn der Link als einfacher, unverzierter Rohlink angezeigt werden soll, setzen Sie ihn in \u003c Klammern \u003e:
\u003chttps://blog.discourse.org/2018/06/understanding-discourse-trust-levels/\u003e
Alternativ können Sie ein Leerzeichen vor dem Link oder beliebige Zeichen nach dem Link einfügen.
Hyperlinks verwenden
Sie können Ihrem Text einen Link hinzufügen, indem Sie:
- Auf die Kettenglied-Schaltfläche in der Editor-Symbolleiste klicken
- Text in Ihrem Beitrag auswählen und einen Link aus Ihrer Zwischenablage einfügen
- Markdown / BBCode / HTML-Links hinzufügen:
[link here](https://example.com)
[link=https://example.com]link here[/link]
\u003ca href=\"https://example.com\"\u003elink here\u003c/a\u003e
Erweiterte iFrames
Standardmäßig ist \u003ciframe\u003e aus Sicherheitsgründen blockiert. Wenn die iFrames jedoch von hochgradig vertrauenswürdigen Quellen stammen, kann ein Discourse-Administrator diese Domain zur Website-Einstellung allowed iframes hinzufügen.
Möglicherweise müssen Sie auch den vollständigen Einbettungscode einfügen, wie den für die folgende Karte:
\u003ciframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24202.451099423397!2d-74.06201522657554!3d40.68924937923285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue+of+Liberty+National+Monument!5e0!3m2!1sen!2suk!4v1533203877892\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen\u003e\u003c/iframe\u003e
Dies führt zu:
\u003ciframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24202.451099423397!2d-74.06201522657554!3d40.68924937923285!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25090129c363d%3A0x40c6a5770d25022b!2sStatue+of+Liberty+National+Monument!5e0!3m2!1sen!2suk!4v1533203877892\" width="600" height="450" frameborder="0" style="border:0" allowfullscreen\u003e\u003c/iframe\u003e
Zusätzliche Ressourcen
Für weitere Informationen und zur Fehlerbehebung bei Oneboxes besuchen Sie bitte das verwandte Thema unten: