Text elements
Sie verwenden Textelemente, um verschiedene Arten von Textinhalten auf Ihrer Seite einzufügen.
Contao bietet spezielle Elemente, die für die Verwaltung im Backend optimiert sind und im Frontend eine korrekte Ausgabe liefern. In den folgenden Abschnitten werden die Eigenschaften der einzelnen Elementtypen beschrieben und erläutert.
Überschrift
Das Headline-Element fügt Ihrer Seite eine einzelne Überschrift hinzu. Sie können die Höhe der Überschrift von h1 bis h6 einstellen.
Die erste Überschrift auf dieser Seite wurde erstellt, indem ein Überschriftenelement verwendet wurde, dessen Ebene auf h1 gesetzt war.
Sie müssen dieses Element jedoch nicht verwenden, um Ihrer Seite eine Überschrift hinzuzufügen.
Fast alle anderen Elemente verfügen über ein zusätzliches Eingabefeld zum Hinzufügen einer Überschrift, die ebenfalls die Ebenen h1 bis h6 anbietet.
Text
Das Textelement bietet im Backend einen Rich-Text-Editor, mit dem Sie die Textausgabe genauso formatieren können wie in gängigen Office-Programmen. Sie können Wörter oder Sätze fett oder kursiv setzen oder unterstreichen und (Hyper-)Links zu anderen Seiten derselben Website, Links zu Dateien oder Dateidownloads oder externe URLs integrieren, um nur einige Funktionen des verwendeten tinyMCE-Editors zu nennen.
Das Element ermöglicht auch das Hinzufügen eines einzelnen Bildes, das relativ zum Text positioniert werden kann. Das Bild kann über oder unter dem Text platziert oder links oder rechts vom Text schwebend platziert werden. Sie können aus mehreren Optionen wählen, um das Bild zu ändern, z. die Größe zu ändern oder sogar zuzuschneiden und einen Link zu einer Contao-Seite, zu einem externen URI oder zu einer Version des Bildes in voller Auflösung hinzuzufügen. Sie können festlegen, ob die verlinkte Seite in einem neuen Fenster oder Tab Ihres Browsers geöffnet wird. Die Version des Bildes in voller Auflösung wird in einem Overlay auf derselben Seite geöffnet, wenn dies im Seitenlayout so definiert wurde
HTML deutsch
Mit dem HTML-Element kann reiner HTML-Code eingegeben werden.
Die erlaubten Tags müssen in den Contao-Einstellungen im Bereich Sicherheit definiert werden.
Die meisten HTML-Tags sind standardmäßig erlaubt. Einige sicherheitsrelevante Tags wie „script“ müssen bei Bedarf manuell hinzugefügt werden.
- Definitionsliste Beispiel
- Baue mit dem Contao Content Element HTML..
- Sie können viele weitere HTML-Tags verwenden, wenn Sie möchten.
Aufzählungen
Um geordnete oder ungeordnete Listen als einzelnes Element – also nicht innerhalb des Textelements – hinzuzufügen, stellt contao das Listenelement bereit.
Mit einem speziellen Backend-Widget können Sie jeden Listeneintrag über ein einzelnes Eingabefeld hinzufügen, die Einträge sortieren, neue Einträge einfügen oder kopieren.
Ordered list Example
- Ordered List Example 1
- Ordered List Example 2
- Ordered List Example 3
- Ordered List Example 4
Unordered list Example
- Unordered List Example 1
- Unordered List Example 2
- Unordered List Example 3
- Unordered List Example 4
Tabelle
Um eine Tabelle zu erstellen, können Sie das Tabellenelement verwenden. Contao bietet ein spezielles Backend-Widget, ähnlich dem, das für Listen verwendet wird, um Spalten und Zeilen hinzuzufügen, eine Kopf- und Fußzeile zu definieren und eine Zusammenfassung für den Tabelleninhalt hinzuzufügen. In der Frontend-Ausgabe können spezielle Klassen ausgewählt und der Tabelle, Zeilen und Zellen hinzugefügt werden.
Überprüfen Sie einfach den HTML-Code der Seiteninhaltselemente, um die möglichen Klassen zu erkunden.
Darüber hinaus können Sie eine Sortieroption für das Frontend hinzufügen, um die Tabelle nach allen Spalten sortierbar zu machen.
Example
| Head 1 | Head 2 | Head 3 |
|---|---|---|
| Column 1 | Column 2 | Column 3 |
| Column 1 | Column 2 | Column 3 |
| Column 1 | Column 2 | Column 3 |
Code - deutsch
Um einen Ausschnitt aus Programmiercode wie z. B. Php oder JavaScript bereitzustellen, verwenden Sie das Code-Element. Der Code wird nicht im Frontend der Seite ausgeführt.
<script>
alert("Hello World!!");
</script>Auszeichnungssprache
Seit Contao 3.3.x wird Contao mit dem Inhaltselement Markdown ausgeliefert.
Was ist Markdown?
Was ist Markdown?Markdown ist eine Auszeichnungssprache mit Klartextformatierungssyntax, die so konzipiert ist, dass sie mit einem gleichnamigen Tool in HTML und viele andere Formate konvertiert werden kann.
From wikipedia