Wenn Sie vom Legacy-Beitragseditor zum neuen Editor migrieren, können Probleme mit dem Tabellenstil auftreten.

In diesem Beitrag wird beschrieben, wie Sie häufig auftretende Probleme nach der Migration auf den neuen Editor beheben.

In diesem Beitrag werden folgende Themen behandelt:

  • So reparieren Sie einen Tabelleneintrag in <Abbildungselementen>
  • So beheben Sie Probleme mit Tabellenkopfzeilen- und Kopfzeilenformaten
  • So beheben Sie Tabellenformat- und Ausrichtungsprobleme

So beheben Sie einen Tabelleneintrag in <Figurelemente>

Der neue Beitragseditor verwendet <figure>-Stichwörter, um einheitliche Stile und Funktionen für Tabellen in verschiedenen Browsern und Plattformen bereitzustellen. Dieses Verhalten ist Teil der Tabellen-Plug-in-Architektur des neuen Editors. Dies kann Stilprobleme verursachen, wie z. B. eine eingeschränkte Tischhöhe oder unerwünschte Formatprobleme. In diesem Abschnitt wird beschrieben, warum dies geschieht und wie Sie es verhindern oder beheben können.

Wichtig: Sichern Sie Ihr CSS und Ihre Inhalte, bevor Sie größere Änderungen vornehmen.

Der neue Beitragseditor bindet Tabellen in <figure class="table"> ein und wendet möglicherweise Inline-Stile an, die angepasste Klassen überschreiben.

Um dies zu beheben, stellen Sie die Tabellenstile wieder her:

  1. Aktualisieren Sie Ihre CSS-Selektoren so, dass sie auf das neue Markup abzielen:
    • figure.table table { /* your table styles */ }
    • figure.table th, figure.table td { /* cell styles */ }
  2. Sparsam mit !important umgehen, um Inline-Stile bei Bedarf zu überschreiben
  3. Testen Sie Ihre Änderungen in einem doppelten Beitrag, bevor Sie sie auf der Website anwenden

So verhindern oder beheben Sie Probleme mit dem Tabellenumbruch:

  • Überprüfen Sie den CSS-Code Ihres Help Centers, um sicherzustellen, dass <figure class="table"> keine restriktiven Stile aufweisen, wie z. B. Einstellungen für maximale Höhe oder Überlauf
  • Wenn Stilprobleme auftreten, aktualisieren Sie Ihr CSS-System auf die <figure class="table">:
    figure.table {
    max-height: none;
    overflow: visible;
    }
  • Wenn Sie Inhalte migrieren, sollten Sie <figure>Stichworte nicht manuell entfernen. Der neue Beitragseditor kann sie beim Bearbeiten von Inhalten erneut hinzufügen.
Hinweis: Diese Anleitung basiert auf allgemeinem Produktwissen und ist in den ursprünglichen Tickets nicht ausdrücklich enthalten. Der neue Beitragseditor verwendet standardmäßig <figure>, um Support und Einheitlichkeit zu gewährleisten. Um Stilprobleme zu beheben, sollten Sie das CSS-System Ihres Help Centers anpassen, anstatt den HTML-Code der Editorausgabe zu ändern.

Beheben von Problemen mit Tabellenkopfzeilen- und Kopfzeilenformaten

Häufig auftretende Formatprobleme nach der Migration:

  • Tabellenüberschriften verlieren möglicherweise ihre Hintergrundfarbe oder Stile
  • Tabellenkopfzeilenzellen können falsch in H2-Text konvertiert werden
  • H2-, H3-Größen können aufgrund von Änderungen im Standard-CSS oder angepasstem CSS anders aussehen
  • Der Editor kann Tabellenänderungen möglicherweise nicht wie erwartet speichern

So stellen Sie sicher, dass Tabellenüberschriften nach der Migration korrekt angezeigt werden:

  1. Fügen Sie Ihrem Help Center CSS-Regeln hinzu, die auf <thead>- oder <th> abzielen, z. B.:
    thead { background-color: #f5f5f5; }
    th { background-color: #f5f5f5; }
  2. Vorhandene <th> beibehalten oder aktualisieren, um die Einheitlichkeit zu gewährleisten

So legen Sie Tabellenüberschriften im neuen Beitragseditor fest:

  1. Wählen Sie im Beitrag die gewünschte Tabelle aus und klicken Sie dann auf die oberste Zeile
  2. Aktivieren Sie in der Dropdownliste Zeile die Option Kopfzeile
    • Wenn die Option „Kopfzeile“ fehlt, fügen Sie <thead>- und <th> manuell zur HTML-Quelle hinzu oder suchen Sie nach verfügbaren Plug-ins oder Editor-Optionen in der neuen Einrichtung des Beitragseditors.

Wenn H2- oder H3-Stile falsch erscheinen

Header-Ebenen überprüfen und aktualisieren:

  1. Beitrag im neuen Beitragseditor bearbeiten
  2. Wählen Sie einen beliebigen Tabellenkopfzeilentext aus, den der Editor in H2 konvertiert hat
  3. Format wie Tabellenkopfzeile oder normaler Text ändern

Passen Sie die Größe der Kopfzeilenebene mit CSS an:

  1. Gehen Sie zu Wissensadministrator > Erscheinungsbild anpassen > Anpassen> Code bearbeiten > style.CSSDesign anpassen
  2. Aktualisieren Sie das CSS, um sicherzustellen, dass H2, H3 und ähnliche Stile Ihren gewünschten Größen entsprechen
  3. Überprüfen Sie mit der Vorschaufunktion das endgültige Format, bevor Sie auf Veröffentlichen klicken.

Wenn der Editor die Tabellenänderungen nicht speichert oder Fehler angezeigt werden, weil keine Änderungen vorgenommen wurden:

  1. Versuchen Sie, das Problem zu reproduzieren
  2. HTTP-Archivdatei (HAR) und Bildschirmerfassung erfassen
  3. Wenden Sie sich an den Zendesk-Kundensupport, wenn Sie weitere Hilfe benötigen.

Weitere Informationen finden Sie in den folgenden Beiträgen:

  • Reparieren des Tabellenstils beim Übergang zum neuen Beitragseditor
  • Hinzufügen und Formatieren von Tabellen in Help-Center-Beiträgen
Tipp: Wenn Sie viele Beiträge aktualisieren müssen, sollten Sie ein Batch-Skript oder ein Migrationstool in Betracht ziehen, um die Kopfzeilenebenen und -stile zu standardisieren, und Ihre Beiträge immer sichern, bevor Sie Massenänderungen vornehmen. Wenn in der neuen Beitragseditor-Implementierung bestimmte Tabellenfunktionen fehlen, suchen Sie nach verfügbaren Plug-ins oder wenden Sie sich an Ihren Plattformadministrator, um Verbesserungen zu erhalten.

Beheben von Problemen mit dem Tabellenformat und der Ausrichtung

Häufige Probleme nach der Migration:

  • Angepasste Tabellenstile für Breite und Umrandungen gelten nicht mehr wie bisher
  • Uneinheitliche Textgröße und Zellenraum
  • Tabellenklassen und Umrandungsstile während der Migration geändert
  • Zwischen <thead> und <tbody> aufgeteilte Kopfzeilen, was zu Stilinkonsistenzen führt

So beheben Sie diese Probleme:

  • CSS-Zieltabellenelemente im Help Center aktualisieren
    .article-body td, .article-body th {
    padding: 20px;
    font-size: 16px;
    }
  • Tabellenausrichtung korrigieren
    • Verwenden Sie die neuen Optionen zur Tabellenausrichtung im Beitragseditor. Der neue Beitragseditor weist möglicherweise weniger Funktionen auf als der Legacy-Editor.
    • Wenn die Tabellenzentrierung oder Ausrichtung nicht funktioniert, fügen Sie CSS hinzu oder passen Sie es an:
      .article-body table {
      margin-left: 0 !important;
      margin-right: auto !important;
      }
  • Tabellenzellenplatz und Ausrichtung verwalten
    • Entfernen Sie unnötige Inline-Stile, die den Zellenraum festlegen, damit Ihr Design-CSS diese Eigenschaft steuert
    • Definieren Sie den gewünschten Zellenbereich im CSS-Code Ihres Designs
  • Tabellenklassen, Umrandungen und Kopfzeilen anpassen
    • CSS-Regeln für neue oder geänderte Tabellenklassen aktualisieren, z. B. .nonItemList
    • Stellen Sie sicher, dass sich alle Kopfzeilen innerhalb der <thead> befinden, damit der Stil richtig ist
    • Beliebige Kopfzeilen nach Bedarf von <tbody> nach <thead> verschieben
  • Änderungen testen und bestätigen
    • Vorschau der betroffenen Beiträge im neuen Beitragseditor, um die Formatierung zu bestätigen
    • Wiederholen Sie diese Schritte für jeden Beitrag mit angepassten Tabellen, da eine manuelle Überprüfung erforderlich sein kann.

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