# Rich Link-Vorschauen mit Onebox erstellen **URL:** https://meta.discourse.org/t/creating-rich-link-previews-with-onebox/98088 **Category:** Using Discourse **Tags:** onebox, how-to **Created:** [26. September 2018 um 09:26 UTC](https://meta.discourse.org/t/creating-rich-link-previews-with-onebox/98088 "2018-09-26T09:26:52Z") **Posts on this page:** 1 **Showing post:** 1
### Author: ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/148734_2.png) [@Discourse](https://meta.discourse.org/u/Discourse) #### Post date: [26. September 2018 um 09:26 UTC](https://meta.discourse.org/t/creating-rich-link-previews-with-onebox/98088/1 "2018-09-26T09:26:52Z")
> 🔖 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: ```plaintext https://www.google.com/ ``` Dies führt zu: > **[Google](https://www.google.com/)** > > Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for. 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](https://blog.discourse.org/2018/06/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`: ```plaintext \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: ```plaintext [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: ```plaintext \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\](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%5C)" 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: > [@Configuring and troubleshooting oneboxes](https://meta.discourse.org/t/onebox-configuration-and-troubleshooting/239715): > > bookmark This guide explains how to configure and troubleshoot oneboxes in Discourse. It covers admin settings, how oneboxes work, and steps to resolve common issues. person_raising_hand Required user level: Administrator Oneboxes are rich link previews that users can create in their posts. While users can easily generate these previews, site administrators have additional controls and may need to troubleshoot when links don’t preview as expected. Admin configuration To manage onebox s… --- _[View the full topic](https://meta.discourse.org/t/creating-rich-link-previews-with-onebox/98088)._