Wenn Sie auf den neuen Beitragseditor umsteigen, können Probleme mit Bildern und Videos auftreten, wie z. B. zusätzlichem Platz, keine Umrandungen oder Videos, die nicht korrekt angezeigt werden.

In diesem Beitrag werden folgende Themen behandelt:

  • Probleme mit Bildern beheben
  • Probleme mit Videos beheben

Probleme mit Bildern beheben

Rahmen zu Bildern hinzufügen

Der neue Beitragseditor Support die im Legacy-Editor verwendeten Tabellenrahmen nicht. Verwenden Sie zum Hinzufügen von Umrandungen die Bildstiloptionen oder wenden Sie eine angepasste CSS-Klasse auf Bilder an.

So fügen Sie Bildränder mit einer CSS-Klasse hinzu:

  1. Bild in Beitrag einfügen
    Bild hinzufügen
  2. Klicken Sie in der Symbolleiste auf die Schaltfläche HTML, um den Quellcode-Editor zu öffnen
    Quellcodesymbol
  3. Machen Sie das img für das Bild in der Quelle ausfindig. Fügen Sie einen CSS-Klassennamen hinzu, z. B. bordered-image. Legen Sie class="bordered-image" für das img fest.
  4. Speichern Sie die Änderungen.
  5. Stellen Sie sicher, dass der CSS-Code im Help Center den Rahmenstil enthält. Beispiel:
.bordered-image {
  border: 1px solid #ccc;
  border-radius: 4px;
}
So fügen Sie Bildränder mit Inline-Stile hinzu:
  1. Bild in Beitrag einfügen
    Bild hinzufügen
  2. Klicken Sie in der Symbolleiste auf die Schaltfläche HTML, um den Quellcode-Editor zu öffnen
    Quellcodesymbol
  3. Machen Sie in der Quelle das img für das Bild ausfindig. Machen Sie das Attribut style="" ausfindig oder fügen Sie es hinzu.

  4. Fügen Sie hier die Rahmenstile hinzu, z. B.:

    border-radius: 8px; border: 10px solid black;

  5. Das Attribut style sollte wie folgt aussehen:

    style="aspect-ratio: 1600/1067; border: 10px solid black; border-radius: 8px;"
  6. Speichern Sie die Änderungen.

Verhindern von Bildverzerrungen und Verwalten der Bildgröße

  • Ändern Sie die Größe der Bilder im neuen Beitragseditor nur, wenn Sie dies müssen. Wenn Sie die Größe eines Bildes ändern, ändern Sie nur eine Dimension, Breite oder Höhe, um das Seitenverhältnis beizubehalten. Der Editor skaliert die andere Dimension automatisch.
  • Verwenden Sie ein externes Tool wie Photoshop, GIMP oder einen Online-Editor, um die Größe von Bildern vor dem Hochladen zu ändern.
  • Klicken Sie auf die Schaltfläche Bild einfügen, statt es zu kopieren und einzufügen. Kopieren und Einfügen kann unerwünschte HTML-Attribute hinzufügen.
  • Standardmäßig auf 100 % Breite setzen:
    • Nachdem Sie ein Bild eingefügt haben, wählen Sie es aus und setzen Sie die Breite über die Bildsymbolleiste auf 100 %
    • Fügen Sie für eine globale Lösung diesen CSS-Code zu Ihrem Help Center hinzu:
.article-body img {
  width: 100%;
  height: auto;
}
  • Wenn Bilder in Benachrichtigungs-E-Mails verzerrt aussehen:
    • HTML-Attribute für Breite und Höhe aus dem <img>-Tag entfernen
    • Verwenden Sie CSS, um die Größe festzulegen, aber manche E-Mail-Clients entfernen CSS-Attribute
    • Stellen Sie sicher, dass der Editor die HTML-Attribute width und height entfernt und CSS für die Größe verwendet.

Weitere Tipps und Korrekturen

  • Wenn Sie an einem Early-Access-Programm teilnehmen, melden Sie die betreffenden Beiträge und gewähren Sie Kontozugriff zur Untersuchung
  • Wenn Sie Ihr Help Center nicht verwalten, wenden Sie sich an Ihren Administrator oder Entwickler, um CSS-Änderungen anzufordern.
  • Änderungen in einer Testumgebung testen, bevor Sie sie live anwenden
  • Löschen Sie den Browsercache, nachdem Sie CSS- oder Designänderungen vorgenommen haben, um die neuesten Updates zu sehen.
  • Für umfangreiche Migrationen:
    • Mit den Entwicklertools im Browser Problemtabellen finden und den Überprüfungsprozess beschleunigen
    • Nehmen Sie in jedem betroffenen Beitrag manuelle Anpassungen vor. Es gibt kein Massenmigrations- oder Korrekturtool.

Diese Schritte beheben die meisten Probleme mit der Bild- und Videoanzeige, nachdem Sie vom Legacy-Editor auf den neuen Beitragseditor umgestiegen sind. Sie sorgen für ein einheitliches, professionelles Erscheinungsbild Ihrer Help Center Beiträge.

Beheben von Problemen mit Videos

Wenn Sie vom Legacy-Editor zum neuen Beitragseditor wechseln, können eingebettete Videos in Help Center-Beiträgen anders erscheinen. In diesem Abschnitt wird beschrieben, wie eingebettete Videos korrekt angezeigt werden, insbesondere mit angepassten Einbettungscodes oder nicht standardmäßigen Videoplattformen.

So sorgen Sie dafür, dass eingebettete Videos korrekt angezeigt werden:

  • Aktivieren Sie in den Admin-Einstellungen für das Help Center die Einstellung Unsichere Inhalte anzeigen.
  • Mit dieser Einstellung können iFrames und Skripts in Beiträgen dargestellt werden
  • Wenn Sie Sicherheitsbedenken haben, wenden Sie sich an Ihr IT- oder Sicherheitsteam, bevor Sie diese Einstellung aktivieren, da sie sicherheitsrelevante Auswirkungen hat.

Für Videoeinbettungen im neuen Beitragseditor werden nur Iframe Einbettungscodes unterstützt. Andere Methoden wie Skriptstichwörter, Direktlinks oder angepasste Div-Stichwörter werden im Editor oder in veröffentlichten Beiträgen nicht unterstützt und nicht dargestellt.

Es gibt zwei Möglichkeiten, ein eingebettetes Video einzufügen:

  • Klicken Sie in der Symbolleiste auf In Beitrag einfügen > einbetten
    Einbettungsoption in Symbolleiste
  • Einbettungscode für Iframe direkt in den Quellcode des Beitrags einfügen
    • Wenn Ihre Beiträge Nicht-Iframe-Einbettungen verwendet haben, aktualisieren Sie sie so, dass Iframe-basierte Einbettungscodes von Ihrem Videoanbieter verwendet werden.
    • Wenn Sie bereits iFrames verwendet haben, aktivieren Sie die Option Unsichere Inhalte anzeigen, damit sie ohne Aktualisierung der einzelnen Beiträge dargestellt werden.

Videogröße anpassen

Der neue Beitragseditor kann eingebettete Videos standardmäßig auf eine Breite von 100 % setzen. Um die Größe zu ändern, verwenden Sie CSS, keine HTML width-Attribute:

.article-body iframe {
  width: 50% !important;
}
Achtung: Bearbeiten Sie die Videobreite nicht direkt im HTML-Editor. Der neue Beitragseditor kann die Änderung überschreiben.

Wenn Videos als kleine Miniaturansichten erscheinen oder nicht wie erwartet:

  1. Bestätigen Sie, dass Unsichere Inhalte anzeigen aktiviert ist
  2. Verwenden Sie einen Iframe-basierten Einbettungscode
  3. Wenn das Problem weiterhin auftritt, melden Sie es zusammen mit Ihren Einbettungscodedetails und Screenshots an Ihren Support Kontakt oder Produktmanager.

Weitere Informationen finden Sie unter Umstieg auf den neuen Beitragseditor.

Hinweis zur Übersetzung: Dieser Beitrag wurde mit automatischer Übersetzungssoftware übersetzt, um dem Leser ein grundlegendes Verständnis des Inhalts zu vermitteln. Trotz angemessener Bemühungen, eine akkurate Übersetzung bereitzustellen, kann Zendesk keine Garantie für die Genauigkeit übernehmen.

Sollten in Bezug auf die Genauigkeit der Informationen im übersetzten Beitrag Fragen auftreten, beziehen Sie sich bitte auf die englische Version des Beitrags, die als offizielle Version gilt.

Powered by Zendesk