Tabellenfunktionen im HTML-Feldeditor

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 1 Minute Lesedauer
  • TinyMCE Version 6.8.3 verwendet Menüs und Menüoptionen zum Erstellen und Bearbeiten von Tabellen.

    Tabelle : 1. TinyMCE-Version 6.8.3
    UI-Element Aktion
    Abbildung : 1. Tabellenmenü
    TinyMCE v6.8.3 Tabellenmenü
    Wählen Sie das Tabellensymbol ( TinyMCE v6.8.3-Tabelle), um auf das Tabellenmenü von TinyMCE Version 6.8.3 zuzugreifen. Verwenden Sie das Tabellenmenü für:
    • Fügen Sie eine Tabelle ein, oder löschen Sie sie
    • Ändern Sie Tabelleneigenschaften
    • Fügen Sie Zeilen und Spalten hinzu, verschieben oder löschen Sie sie
    • Ändern Sie Zeilen- und Spalteneigenschaften
    • Teilen und verbinden Sie Zellen
    Abbildung : 2. Raster zum Einfügen der Tabelle
    TinyMCE v6.8.3 Raster zum Einfügen von Tabellen

    Um eine Tabelle in das HTML-Feld einzufügen, wählen Sie Tabelle einfügen, und markieren Sie Quadrate im Raster, um die gewünschte Anzahl von Zeilen und Spalten darzustellen. Wählen Sie das zuletzt hervorgehobene Quadrat aus, um die Tabelle einzufügen.

    Nachdem Sie die Tabelle eingefügt haben, können Sie die Größe ändern, indem Sie die Handles an den Tabellenrändern auswählen und ziehen.

    Abbildung : 3. Inhaltsverzeichnis
    TinyMCE v6.8.3 – Inhaltsverzeichnis

    Das Plugin „Table of Contents“ generiert ein einfaches Inhaltsverzeichnis und fügt es an der aktuellen Cursorposition in den Editor ein. ToC-Einträge werden aus Header-Elementen im Inhalt generiert.

    Abbildung : 4. Tabelleneigenschaften
    TinyMCE v6.8.3 Tabelleneigenschaften
    Unterwählen Sie im Menü „Tabelle“ die Schaltfläche „Tabelleneigenschaften “ aus, um das Dialogfeld „Tabelleneigenschaften“ zu öffnen. In diesem Menü können Sie eine der folgenden Aktionen ausführen:
    • Registerkarte „Allgemein“:
      • Legen Sie die Breite und Höhe der Tabelle fest
      • Legen Sie Zellenabstand und -abstand fest
      • Rahmen und Beschriftungen aktivieren
      • Legen Sie die Tabellenausrichtung fest
    • Registerkarte „Erweitert“:
      • Konfigurieren Sie den Tabellenstil
      • Wählen Sie die Rahmenfarbe aus
      • Wählen Sie die Hintergrundfarbe aus
    Abbildung : 5. Zelleneigenschaften
    TinyMCE v6.8.3 – Menü für Zelleneigenschaften
    Bewegen Sie den Cursor in der gewünschten Tabellenzelle, öffnen Sie das Tabellenmenü, und wählen Sie Zelleneigenschaftenaus. In diesem Menü können Sie die folgenden Eigenschaften für Tabellenzellenfestlegen:
    • Registerkarte „Allgemein“:
      • Breite und Höhe
      • Typ und Umfang
      • Horizontale und vertikale Ausrichtung
    • Registerkarte „Erweitert“ :
      • CZellenstil
      • Bestellfarbe B.
      • Hintergrundfarbe B.
    Abbildung : 6. Zeileneigenschaften
    TinyMCE v6.8.3 Menü mit Zeileneigenschaften
    Während sich der Cursor in einer Tabellenzelle in der gewünschten Zeile befindet, öffnen Sie das Tabellenmenü, und wählen Sie Zeileneigenschaftenaus. In diesem Menü können Sie die folgenden Eigenschaften für Zeilenfestlegen:
    • Registerkarte „Allgemein“:
      • Zeilentyp
      • Ausrichtung
      • Höhe
    • Registerkarte „Erweitert“ :
      • Row-Stil
      • Bestellfarbe B.
      • Hintergrundfarbe B.

    Sie können Tabellen auch aus tabellenbasierten Editoren in HTML-Felder einfügen.