Bieten mehr Styling-Optionen für Content-Element in TYPO3

Question

In der Vergangenheit habe ich den Visual Composer mit WordPress sehr oft verwendet. Jetzt versuche ich meine erste Entwicklung mit TYPO3.

Ich habe ein Inhaltselement entwickelt. Alles funktioniert gut. Aber jetzt möchte ich dem Redakteur mehr Möglichkeiten zum Stylen anbieten.

Zum Beispiel: - CSS-Klassen - Farben - Größen - Dichtungen - Margins

Diese Informationen sollten in der Flüssigkeit Vorlage zugänglich sein. Ist das möglich? Vielleicht in einem zusätzlichen Tab?

Answer 1

Sie müssen der Tabelle tt_content Felder hinzufügen. Dafür können Sie TCA verwenden. Es gibt sogar ein gutes Beispiel in der TYPO3-Dokumentation, um tt_content um ein "No print" -Kontrollkästchen zu erweitern.

Schreiben Sie Ihre Felder Datenbank-Spezifikation in der ext_tables.sql Datei:

CREATE TABLE tt_content (
     tx_your_extension_no_border tinyint(4) DEFAULT '0' NOT NULL 
); 

Dann benötigen Sie eine andere Datei in Ihrer Erweiterung in diesem Pfad: your_extension/Konfiguration/TCA/Überschreibungen/tt_content.php

Und Sie können die Felder dort oben hier definiert add:

$temporaryColumn = array(
     'tx_your_extension_no_border' => array (
       'exclude' => 0, 
       'label' => 'LLL:EXT:your_extension/Resources/Private/Language/locallang_db.xlf:tt_content.tx_your_extension_no_border', 
       'config' => array (
         'type' => 'check', 
       ) 
      ) 
    ); 
    \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addTCAcolumns(
      'tt_content', 
      $temporaryColumn 
    ); 
    \TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addFieldsToPalette(
      'tt_content', 
      'visibility', 
      'tx_your_extension_no_border', 
      'after:linkToTop' 
    ); 

See die gesamte Dokumentation here.

Einige Erklärung:

Die Funktion "addTCAcolumns" registriert Ihre "temp Spalten" auf den Tisch. Die Funktion "addFieldsToPalette" fügt Ihr Feld "tx_your_extension_no_border" in eine "Palette" ein. (Sie können über Palettes here lesen).

Der erste Parameter ist die Tabelle. (Tt_content)

Der zweite Parameter ist der Name der Palette (hier ist es die Sichtbarkeit)

Der dritte ist der Feldname (tx_your_extension_no_border)

Die vierte a ist Position. Sie können nach und vorher verwenden, um Ihr Feld genau vor XY-Feld zu platzieren.

Natürlich können Sie auch eigene Tabs hinzufügen.

Die Syntax ist: --div--<tab_name>,<fields>

Fluid:

Nachdem Sie die Felder hinzugefügt sie in Ihre Flüssigkeitsvorlagen zugänglich sind genauso wie alle anderen tt_content Felder aus. Sie können if-s, Layouts und Abschnitte verwenden, um den Editoren die Vielfalt zu ermöglichen, wenn sie mit Ihrem Inhaltselement arbeiten.