Zum Hauptinhalt springen

Einen Artikel formatieren

Verwenden Sie Textstile, Callouts, Listen, Tabellen, Multimedia und mehr im Artikel-Editor.

Verfasst von Alek Toumert

Formatieren Sie Ihre öffentlichen und internen Artikel im Artikel-Editor innerhalb von Knowledge, damit Kunden, Teammitglieder und AI die benötigten Informationen leicht scannen und extrahieren können.


Text formatieren

Markieren Sie einfach Ihren Text, um die Textformatierungsoptionen anzuzeigen. Sie können Überschriften, fetten Text, Kursivschrift, Inline-Code, Links oder Textausrichtung hinzufügen.


Link zu einem anderen Artikel einfügen

Markieren Sie den Text, den Sie mit einem anderen Artikel verlinken möchten:

Sobald Sie auf das Link-Symbol klicken, erscheint ein Suchfenster für Artikel:

Wenn sich der Titel oder die benutzerdefinierte domain Ihres Artikels ändert, leitet der vorhandene Link automatisch redirect zur neuen URL.


Editor-Symbolleiste

Die Symbolleiste des Artikels-Editors

Verwenden Sie die Symbolleiste am unteren Rand des Editors, um folgende Aktionen auszuführen:

Bild einfügen

Laden Sie ein Bild oder GIF von Ihrem Gerät hoch oder fügen Sie eines direkt in einen Artikel ein. Unterstützte Formate sind PNG, JPEG, SVG und GIF. Klicken Sie auf das Bild, um einen Link, Alt-Text hinzuzufügen, auszurichten, inline mit Text zu machen oder die Größe zu ändern.

Wir empfehlen nicht, Bilder aus anderen Workspaces zu kopieren/einzufügen, sondern sie direkt von Ihrem Gerät hochzuladen. Wenn ein Workspace, aus dem Sie Bilder kopiert haben, inaktiv wird, sind die Bilder, auch wenn sie vorher dem Artikel hinzugefügt wurden, nicht mehr sichtbar.

Das Hinzufügen einer Beschreibung im Alt-Text macht das Bild für Suchmaschinen und Screenreader zugänglich.

Sie können auch wählen, Text um Bilder herumfließen zu lassen. Das gibt Ihnen mehr Flexibilität, ein Bild überall im Artikel zu platzieren, wo Sie es benötigen.

Hinweis:

  • Beim Hochladen eines Bildes oder GIFs beträgt die maximale Dateigröße 104 MB.

  • Die maximale Breite eines Bildes kann 650 Pixel betragen, da dies die Breite der Artikelsatzspalte ist.

  • Fehlende gültige Bilder oder GIFs nach der Veröffentlichung werden typischerweise durch ein Veröffentlichungs- oder Cache-Problem verursacht. Um dies zu beheben, versuchen Sie, den Artikel zu deveröffentlichen und erneut zu veröffentlichen. Wenn das Bild weiterhin fehlt, versuchen Sie, den Browser hart zu aktualisieren oder den Cache zu löschen und es erneut zu versuchen. Wenn nichts davon hilft, wenden Sie sich an unser Support-Team.

Video einbetten

Betten Sie Videos über YouTube, Vimeo, Wistia, Loom, JW Player, Microsoft Stream, Brightcove oder Synthesia ein. Sie können auch Demo-Inhalte (einschließlich Mobile-, HTML-, Screenshot- und Showcase-Formaten) über Supademo, Clueso, Arcade, Supercut, Tella oder Storylane einbetten.

Klicken Sie im Symbolleistenbereich auf das Video-Symbol, um ein Video von einer dieser unterstützten Video-Hosting-Websites einzubetten, indem Sie die Video-URL direkt in das Einbettungs-Popup eingeben.

Tipp: Betten Sie YouTube Shorts in den Artikeltext ein, indem Sie seine URL im folgenden Muster einfügen: https://www.youtube.com/shorts/[VIDEO_ID]

Tabelle erstellen

Erstellen Sie eine anpassbare Tabelle. Standardmäßig ist sie 3x3 und es ist einfach, die Anzahl der Spalten und Zeilen im Artikel-Editor anzupassen.

Spalten hinzufügen oder entfernen

Um eine Spalte hinzuzufügen, bewegen Sie den Mauszeiger über den Punkt oben in einer Spalte, um das Spaltenmenü anzuzeigen. Von dort aus können Sie:

  • Eine Spalte links hinzufügen

  • Eine Spalte rechts hinzufügen

  • Die Spalte löschen

Zeilen hinzufügen oder entfernen

Um eine Zeile hinzuzufügen, bewegen Sie den Mauszeiger über den Punkt links von einer Zeile, um das Zeilenmenü anzuzeigen. Von dort aus können Sie:

  • Eine Zeile oben hinzufügen

  • Eine Zeile unten hinzufügen

  • Die Zeile löschen

Hinweis:

  • Tabellen können nicht innerhalb von einklappbaren Abschnitten oder Callouts hinzugefügt werden.

  • Das Löschen einer Tabelle löscht alle Inhalte innerhalb dieser Tabelle.

Um die Zellen-Hintergrundfarbe zu ändern, wählen Sie die Zellen aus und wählen Sie eine der 6 voreingestellten Farben. Um die Zellen-Hintergrundfarbe zurückzusetzen, wählen Sie die Zellen aus und wählen Sie Weiß (die letzte Option in der Farbliste).

Ändern Sie die Spaltenbreite einer Tabelle mit dem Griff zum Ziehen innerhalb.

Trennlinie einfügen

Fügen Sie eine Trennlinie hinzu, um Ihren Inhalt in Abschnitte zu unterteilen. 👇


Schaltfläche einfügen

Fügen Sie eine Schaltfläche ein und fügen Sie benutzerdefinierten Schaltflächentext mit einer Ziel-URL hinzu. Klicken Sie auf eine Schaltfläche, um den Text oder Link zu bearbeiten oder sie auszurichten (links oder zentriert).

Wenn Sie die Schaltfläche löschen müssen, muss zuerst ein Link eingegeben werden, andernfalls würde die Löschoption auf das leere Linkfeld verweisen und die tatsächliche Schaltfläche könnte nicht gelöscht werden.

Sobald Sie einen Link eingeben, sollten Sie in der Lage sein, die Schaltfläche auszuwählen, um sie zu löschen, oder die Rücktaste auf Ihrer Tastatur zu drücken, nachdem Sie den Cursor nach der Schaltfläche platziert haben.

Hinweis: Artikel unterstützen kein benutzerdefiniertes JavaScript oder onclick-Handler. Jede in einen Artikel eingefügte Schaltfläche wird als gestylter Link angezeigt – sie führt beim Klicken kein JavaScript aus. Um den Messenger über eine Schaltfläche zu öffnen, verlinken Sie ihn mit einer Seite in Ihrer App, auf der Intercom installiert ist, und lösen Sie den Messenger dort per JavaScript aus (z. B. Intercom('show')).

Callout einfügen

Fügen Sie einen Callout-Block hinzu und wählen Sie eine Farbe, um wichtige Informationen im Artikel hervorzuheben.

Um den Callout zu verlassen und im Hauptteil des Artikels weiterzuschreiben, klicken Sie einfach außerhalb des Callouts.

Um den Callout zu löschen, löschen Sie einfach den Inhalt und drücken Sie dann erneut die Rücktaste auf Ihrer Tastatur.

Code einfügen

Um einen Codeblock hinzuzufügen, verwenden Sie die Symbolleiste am unteren Rand des Editors oder geben Sie einfach drei Backticks ( ``` ) am Anfang und Ende Ihres Codeausschnitts ein. Ihr fertiger Codeblock sieht dann so aus:

example code block
example code block

Im Classic Messenger und im Android-SDK werden Codeblöcke in einem eigenen scrollbaren Block mit Syntaxhervorhebung und Zeilennummern gerendert. Kunden können den Code mit einer Ein-Klick-Kopier-Schaltfläche kopieren oder ihn in einer Vollbildansicht erweitern, um längere Ausschnitte leichter lesen zu können.

Um Inline-Code hinzuzufügen, geben Sie einen Backtick ( ` ) am Anfang und Ende Ihres Codeausschnitts ein. Es sieht so aus:

Diese Zeile enthält etwas Beispiel-Inline-Code.

Die Funktion "Code einfügen" dient nur zur Anzeige von Codeblöcken. Dieser Code ist nicht aktiv, sodass Elemente, Stile, Skripte oder Tags keine Auswirkung auf die Seite haben.

Aufzählungs- oder nummerierte Listen erstellen

Um eine nummerierte Liste zu beginnen, geben Sie einfach '1.' ein und fügen Sie ein Leerzeichen hinzu, dann schreiben Sie weiter. Dies wird die erste Zeile in Ihrer Liste und beim Drücken der Eingabetaste gelangen Sie zum nächsten nummerischen Punkt. Nummerierte Listen sehen so aus:

  1. Erste Zeile

  2. Zweite Zeile

  3. Dritte Zeile

Um eine Aufzählungsliste zu beginnen, geben Sie einfach einen Bindestrich ( - ) oder ein Sternchen ( * ), und fügen Sie am Anfang einer neuen Zeile ein Leerzeichen hinzu, dann schreiben Sie weiter. Articles macht diese Zeile zur ersten Zeile Ihrer Aufzählungsliste. Aufzählungslisten sehen so aus:

  • Erster Punkt

  • Zweiter Punkt

  • Dritter Punkt

Für verschachtelte Listen drücken Sie einfach Tab, während sich der Cursor auf einem Listenelement befindet. Verschachtelte Listen sehen so aus:

  • Punkt erster Ebene

  • Weiterer Punkt erster Ebene

    • Verschachtelter Punkt

      • Tiefer verschachtelter Punkt

Drücken Sie zweimal die Eingabetaste, um eine Liste zu beenden.


Fügen Sie einen einklappbaren Abschnitt hinzu

Ein einklappbarer Abschnitt kann beliebige Zusatzinformationen verbergen, sodass sich Kunden auf die für sie relevanten Informationen konzentrieren können.

Inhalt zu einem einklappbaren Abschnitt hinzufügen

Wählen Sie zum Hinzufügen von Inhalten Collapsible Section aus der Symbolleiste und drücken Sie dann am Ende der Überschrift des einklappbaren Abschnitts die Eingabetaste und geben Sie Text ein oder fügen Sie vorhandene Informationen ein. Sie werden feststellen, dass der Inhalt innerhalb des einklappbaren Abschnitts leicht eingerückt ist und mit der Überschrift ausgerichtet ist.

Pro-Tipp: Verwenden Sie zweimal die Pfeil-nach-unten-Taste, um den einklappbaren Abschnitt zu verlassen.

Bildschirmaufnahme am 29.05.2024 um 13-50-45.gif

Ein einklappbarer Abschnitt kann enthalten:

  • Text

  • Bild

  • Video

  • Schaltfläche

  • Trennlinie

  • Callout-Block

  • Codeblock

  • Listen

  • Verschachtelter einklappbarer Abschnitt

Dateien einfügen

Laden Sie Dateien (PDF, CSV, JPEG, PNG, MP4) von Ihrem Gerät hoch und fügen Sie sie als Anhänge am Ende eines Artikels hinzu. Diese werden als Anhänge am Ende eines Artikels angezeigt, wie hier:

Bild einer Dateianlage

Hinweis: Im HTML eines Artikels wird der Titel eines Artikels mit dem <header>-Tag erstellt (nicht H1). Es ist nicht möglich, das HTML-Format für die Artikeltitel zu bearbeiten. Sie können jedoch eine H1-Überschrift in Ihren Artikeln mit dem Titelnamen für unterstützende Technologien verwenden und dann H2s oder H3s verwenden, um die Abschnitte innerhalb des Artikels zu unterteilen.

Hat dies deine Frage beantwortet?