Zur Eingabe von formattierbarem Text wird der WYSIWYG Editor verwendet. Die Formattierungen sind bereits beim Schreiben repräsentativ ersichtlich.
Text
Erstellen Sie mit dem Paragraph-Typ “Text” einen Einleitungstext oder beliebige andere Text-Blöcke. Auf der Frontpage Ihrer Website könnte das beispielsweise ein Kurz-Beschrieb Ihrer Organisation oder Ihres Projektes sein.
Sie können Text in Fettschrift oder kursiv erstellen. Sie können Text verlinken oder Auflistungen erstellen:
- Auflistung 1
- Auflistung 2
- etc.
Sie können auch eine numerische Auflistung machen:
- Numerisch 1
- Numerisch 2
- Etc.
Und auch verschiedene Titel-Stile können Sie setzen:
H2 Titel für Haupttitel
H3 Titel für Untertitel
H4 Titel für Unteruntertitel
Textformate & Berechtigungen
Jedem Textkörper wird ein Textformat zugewiesen. Textformate definieren u.A. welche Formattierungen erlaubt sind. Der WYSIWYG-Editor zeigt die verfügbaren Formattierungs-Knöpfe an. Unerlaubte HTML-Tags werden herausgefiltert. Das Standard-Textformat "Basic HTML" erlaubt nur einfache Formattierung, damit das Responsive-Design fehlerfrei angewendet werden kann.
Die Textformate "Full HTML" oder "Code snippet" forcieren keine Restriktionen und stehen deshalb nur für den Client-Administrator zur Verfügung. Wird ein Inhalt mit solchen Textkörpern durch einen normalen Editor bearbeitet, werden diese Felder für die Bearbeitung gesperrt. Bei diesen Textformaten liegt die Verantwortung beim Benutzer, ausschliesslich sicheres und valides HTML einzufügen sowie eine saubere Darstellung (unterschiedliche Browser sowie Geräte mit variablen Bildschirmgrössen) zu kontrollieren. Die korrekte Darstellung des Responsive-Design kann durch mangelhaftes HTML beeinträchtigt werden.
Automatisches Einrücken
Wird ein Text-Paragraph auf oberster Ebene platziert, rückt Primer diesen standardmässig ein. Dies erhöht die Lesbarkeit einer Zeile.
Die Einrückung kann pro Paragraph oder global deaktiviert werden.
Sobald ein Text-Paragraph in einem Container platziert wird, gilt einzig das Layout des Containers und die automatische Einrückung wird deaktiviert.
Tabellen einfügen
Über den WYSIWYG Editor lassen sich auch Tabellen als Inhalt einfügen. Durch verschiedene Optionen können sowohl der Look als auch das responsive Verhalten (mit Einschränkungen) angepasst werden.
Spalte 1 | Spalte 2 | Spalte 3 |
Wert 1 | Argument 1 | 125 |
Wert 2 | Argument 2 | 250 |
Wert 3 | Argument 3 | 375 |
Wert 4 | Argument 4 | 500 |
Wert 5 | Argument 5 | 625 |
Wert 6 | Argument 6 | 750 |