Beheben von Problemen mit Tabellen im neuen Beitragseditor

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>-Tags, 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:

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 */ }
Sparsam mit !important umgehen, um Inline-Stile bei Bedarf zu überschreiben
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. Verwenden Sie die CSS-Anpassung im Help Center, um Stilprobleme zu beheben, nicht Änderungen am HTML-Ausgabe-Editor.

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:

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; }
Vorhandene <th> beibehalten oder aktualisieren, um die Einheitlichkeit zu gewährleisten

So legen Sie Tabellenüberschriften im neuen Beitragseditor fest:

Wählen Sie im Beitrag die gewünschte Tabelle aus und klicken Sie dann auf die oberste Zeile
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:

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

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

Gehen Sie zu Wissensadministrator > Erscheinungsbild anpassen > Anpassen > Code bearbeiten > style.css
Aktualisieren Sie das CSS, um sicherzustellen, dass H2, H3 und ähnliche Stile Ihren gewünschten Größen entsprechen
Ü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:

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

Weitere Informationen finden Sie in den folgenden 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 jedes Mal zu 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
Probleme mit Textüberlauf und Tabellenrand

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
Tabellentext verschwindet oder wird nicht wie erwartet dargestellt, insbesondere nachdem Sie im Beitragseditor einen Tabellenrand hinzugefügt haben
- Verwenden Sie diese CSS-Regeln für Help Center Designs, um sicherzustellen, dass Tabellenzellentext korrekt dargestellt wird und innerhalb der Tabellengrenzen bleibt
  /* 1. Target the class name from your table tag */
  table.wysiwyg-table-resized {
  /* This tells the browser: "Do not look at the content to decide width.
  Look at the <col> widths (40%/60%) and obey them strictly." */
  table-layout: fixed;
  width: 100%;
  }
  
  /* 2. Target the cells to ensure wrapping happens */
  table.wysiwyg-table-resized td {
  /* Forces text to go to the next line when it hits the edge */
  white-space: normal;
  
  /* Breaks long words/URLs if they are too wide for the 60% column */
  overflow-wrap: break-word;
  word-wrap: break-word;
  
  /* Optional: Makes reading easier by aligning text to the top */
  vertical-align: top;
  }
Beiträge, die in früheren Versionen von Zendesk Guide bearbeitet oder migriert wurden, können Legacy-Formatierungen aufweisen, die mit dem aktuellen CSS-Code Ihres Designs in Konflikt stehen. Wenn Korrekturen nicht wie erwartet angewendet werden, überprüfen Sie den HTML-Code der Tabelle und entfernen Sie zusätzliche Formatierungen oder Attribute, die sich auf das Layout auswirken könnten.
- Wählen Sie im Beitragseditor die Tabelle aus und entfernen Sie die Breiten- oder Stileinstellungen, die über die Tabellensteuerung im Beitragseditor vorgenommen wurden.
- Wechseln Sie bei Bedarf zur HTML-Ansicht und löschen Sie width-Attribute oder Inline-style-Tags aus <table>, <tr> oder <td>
Ä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.

DIESER ABSCHNITT BETRIFFT KI INHALTE. NICHT BEARBEITEN ODER LÖSCHEN.

Warum hat mein Tisch eine begrenzte Höhe? Warum gibt es ein Ziffernschild um meinen Tisch? Warum ändern sich meine Tabellenstile nach der Migration?

Der neue Beitragseditor oder die neue Wissensdatenbank verwendet <Figurenstichwörter>, um einheitliche Stile auf allen Plattformen zu gewährleisten. Diese Plug-in-Architektur kann die Tabellenhöhe manchmal einschränken oder unerwünschte Formatierungen verursachen. Um dies zu beheben, aktualisieren Sie den CSS-Code Ihres Help Centers auf figure.table und setzen Sie max-height auf none und overflow auf visible.

Wie behebe ich Tabellenüberschriften, die ihre Farbe verloren haben? Wie stelle ich Hintergrundstile für Tabellenkopfzeilen wieder her?

Tabellenkopfzeilen verlieren während der Migration möglicherweise Hintergrundfarben oder Stile. Sie können diese Elemente wiederherstellen, indem Sie Ihrem Design CSS-Regeln hinzufügen, die auf <den Kopf> oder <die> Elemente abzielen. Legen Sie beispielsweise eine Hintergrundfarbe in der Datei style.css fest, um die visuelle Einheitlichkeit zu gewährleisten.

Wie aktiviere ich eine Kopfzeile in einer Tabelle? Wie richte ich Tabellenüberschriften im neuen Editor ein?

Öffnen Sie den Beitrag im neuen Beitragseditor und wählen Sie die gewünschte Tabelle aus.
Klicken Sie auf die oberste Zeile der Tabelle.
Klicken Sie auf das Dropdownmenü Zeile.
Aktivieren Sie die Option Kopfzeile.

Wie ändere ich die Schriftgröße für Tabellenzellen? Wie passe ich die Tabellenauffüllung und Textgröße an?

Durch Aktualisieren des CSS-Codes für das Help Center können Sie Textgröße und Zellenabstand standardisieren. .article-body td und .article-body t anvisieren, um bestimmte Werte für Schriftgröße und Füllung zu definieren. Dadurch wird sichergestellt, dass Ihr Design-CSS-Code das Layout steuert und nicht inkonsistente Inline-Stile.

Wie behebe ich Text, der aus Tabellenrändern entweicht? Wie führe ich einen korrekten Tabellentextumbruch durch? Wie verhindere ich, dass lange URLs Tabellenlayouts beschädigen?

Um Text in Grenzen zu halten, zielen Sie im CSS auf Ihre Tabellenklasse (z. B. table.wysiwyg-table-resize). Setzen Sie das Tabellenlayout auf fest und die Breite auf 100 %. Setzen Sie für die Zellen den Whitespace auf normal und den Überlauf auf Breakword, um sicherzustellen, dass lange Zeichenfolgen oder Links in die nächste Zeile eingefügt werden.

Wie richte ich eine Tabelle nach links aus? Wie kann ich verhindern, dass Tabellen automatisch zentriert werden?

Wenn Ihre Tabelle automatisch zentriert ist, können Sie die linke Ausrichtung mit CSS erzwingen. Fügen Sie eine Regel für .article-body-Tabelle hinzu, die margin-left auf 0 !wichtig und margin-right auf automatisch !wichtig setzt.

Wie repariere ich Tabellenüberschriften, die in H2 konvertiert wurden? Wie ändere ich falsche Kopfzeilenebenen in Tabellen?

Bearbeiten Sie den Beitrag im neuen Beitragseditor.
Wählen Sie den Tabellenkopfzeilentext aus, der als H2 angezeigt wird.
Ändern Sie das Format in der Editor-Symbolleiste.
Navigieren Sie zu Wissensadministrator > Erscheinungsbild anpassen > Anpassen > Code bearbeiten > style.css, um die Größen H2 und H3 bei Bedarf anzupassen.

Was soll ich tun, wenn der Editor Tabellenänderungen nicht speichert? Wie melde ich einen Fehler im Tabelleneditor?

Versuchen Sie, das Problem im Editor zu reproduzieren.
Erfassen Sie eine HTTP-Archivdatei (HAR) und eine Bildschirmaufzeichnung des Verhaltens.
Wenden Sie sich an den Zendesk Customer Support oder an Ihr Support Team, wenn Sie technische Unterstützung benötigen.

Kann ich Ziffernstichwörter aus dem HTML-Code entfernen? Wird mein Tabellenstil durch Löschen von Ziffernstichwörtern festgelegt?

Entfernen Sie <Figurstichwörter> nicht manuell. Der neue Beitragseditor verwendet diese Wrapper für Support und fügt sie beim Bearbeiten von Inhalten möglicherweise automatisch wieder hinzu. Verwenden Sie die CSS-Anpassung im Help Center, um Stilprobleme zu beheben, statt den HTML-Code der Ausgabe zu ändern.

Wie kann ich mehrere Beiträge gleichzeitig aktualisieren? Gibt es eine Möglichkeit, Tabellenstile stapelweise zu korrigieren?

Wenn Sie mehrere Beiträge aktualisieren möchten, verwenden Sie ein Batch-Skript oder ein Migrationstool, um Stile und Kopfzeilenebenen zu standardisieren. Sichern Sie Ihre CSS- und Beitragsinhalte immer, bevor Sie Massenänderungen oder größere Designänderungen vornehmen.

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.