Tabellenfunktionen in TinyMCE

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer
  • TinyMCE Version 4 verwendet Menüs und Menüoptionen zum Erstellen und Bearbeiten von Tabellen.

    Tabelle : 1. TinyMCE Version 4
    UI-Element Aktion
    Abbildung : 1. Tabellenmenü
    TinyMCE v4-Tabellenmenü
    Klicken Sie auf das Tabellensymbol ( TinyMCE v4-Tabellensymbol), um auf das Tabellenmenü von TinyMCE Version 4 zuzugreifen. Verwenden Sie das Tabellenmenü für Folgendes:
    • Fügen Sie eine Tabelle ein oder löschen Sie sie
    • Ändern Sie die Tabelleneigenschaften
    • Zeilen und Spalten hinzufügen, verschieben oder löschen
    • Ändern Sie die Zeilen- und Spalteneigenschaften
    • Zellen teilen und zusammenführen
    Abbildung : 2. Tabelleneinfügeraster
    TinyMCE v4-Tabelleneinfügeraster

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

    Nachdem Sie die Tabelle eingefügt haben, können Sie die Größe ändern, indem Sie auf die Ziehpunkte an den Tabellenrändern klicken und sie ziehen.

    Abbildung : 3. Tabelleneigenschaften
    TinyMCE v4-Tabelleneigenschaften
    Klicken Sie im Menü „ Tabelle “ auf Tabelleneigenschaften, um das Dialogfeld „Tabelleneigenschaften“ zu öffnen. In diesem Feld können Sie eine der folgenden Aktionen ausführen.
    • Registerkarte „Allgemein“:
      • Legen Sie die Tabellenbreite und -höhe fest
      • Legen Sie den Zellenabstand und die Auffüllung fest
      • Aktivieren Sie Rahmen und Beschriftungen
      • Legen Sie die Tabellenausrichtung fest
    • Registerkarte „Erweitert“:
      • Konfigurieren Sie den Tabellenstil
      • Wählen Sie die Rahmenfarbe aus
      • Wählen Sie die Hintergrundfarbe aus
    Abbildung : 4. Zelleneigenschaften
    TinyMCE v4-Tabellenzelleneigenschaft
    Öffnen Sie das Tabellenmenü, während sich der Cursor in der gewünschten Tabellenzelle befindet, und klicken Sie auf Zelleneigenschaften. In diesem Feld können Sie die folgenden Eigenschaften für Tabellenzellen festlegen.
    • Registerkarte „Allgemein“:
      • Breite und Höhe
      • Typ und Umfang
      • Horizontale und vertikale Ausrichtung
    • Registerkarte „Erweitert“
      • Konfigurieren Sie den Zellenstil
      • Wählen Sie die Rahmenfarbe aus
      • Wählen Sie die Hintergrundfarbe aus
    Abbildung : 5. Zeileneigenschaften
    TinyMCE v4-Tabellenzeileneigenschaft
    Setzen Sie den Cursor in eine Tabellenzelle in der gewünschten Zeile, öffnen Sie das Tabellenmenü, und klicken Sie auf Zeileneigenschaften. In diesem Feld können Sie die folgenden Eigenschaften für Zeilen festlegen.
      • Zeilentyp
      • Ausrichtung
      • Höhe
    • Registerkarte „Erweitert“
      • Konfigurieren Sie den Zeilenstil
      • Wählen Sie die Rahmenfarbe aus
      • Wählen Sie die Hintergrundfarbe aus

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