#Neuigkeiten

Übersetzungen von Artikeln, meine Notizen und Beobachtungen

#RSCE: Text

von Rashid Bairamov

In diesem Artikel möchte ich die Möglichkeiten zur Erstellung von Textblöcken mit Rocksolid Custom Elements vorstellen. Wie in dem Beitrag über Überschriften gibt es 3 Möglichkeiten, Textblöcke zu erstellen.

Option 1: Textfeld mit dem tinyMCE-Editor.

Dieses Beispiel eignet sich hervorragend für die Beschreibung umfangreicher Texte mit Überschriften, Links, Kursivschrift und so weiter. Der tinyMCE ist ein Texteditor-Plugin, das in Contao integriert ist und sich automatisch mit dem System aktualisiert. Mehr über diese Erweiterung erfahren Sie hier.

Config-Code:

// rsce_tinyMCE_config.php
### TINYMCE ###
'text_tiyMCE' => array(
    'label' => array('Beschreibung', 'Hier können Sie die Beschreibung hinzufügen'),
    'eval' => array(
        'rte' => 'tinyMCE',
        'tl_class' => 'clr'
    ),
    'inputType' => 'textarea',
),

Code für die Datenausgabe:

// rsce_tinyMCE.html5
<?php if ( $this->text_tinyMCE ): ?>
  <div class="rsce_tinyMCE">
    <?= $this->text_tiyMCE ?>
  </div>
<?php endif; ?>

Option 2: Textarea.

Dies ist ein breites Textfeld, das später in ein p-Tag eingefügt werden kann. Gut für kurze zusammenfassende Beschreibungen.

Config-Code:

// rsce_textarea_config.php
### TEXTAREA ###
'textarea' => array(
    'label' => array('Beschreibung', 'Hier können Sie die Beschreibung hinzufügen'),
    'eval' => array(
        'tl_class' => 'clr'
    ),
    'inputType' => 'textarea',
),

Code für die Datenausgabe:

// rsce_textarea.html5
<?php if ( $this->textarea ): ?>
  <p class="rsce_textarea">
    <?= $this->textarea ?>
  </p>
<?php endif; ?>

Option 3: Text.

Diese Option ist besonders geeignet für Links und verschiedene HTML-Element-Attribute (alt, title, aria-label...).

Config-Code:

// rsce_text_config.php
### TEXT ###
'text' => array(
    'label' => array(
      'de' => array('Text', ''),
    ),
    'inputType' => 'text',
    'eval' => array('tl_class' => 'w50 clr'),
),

Code für die Datenausgabe:

// rsce_textarea.html5
<?php if ( $this-> ): ?>
  <p class="rsce_text">
    <?= $this->text ?>
  </p>
<?php endif; ?>