Block: Code

Mit dem Code-Block kannst du ganz einfach kleine Code-Schnipsel zu deinem Beitrag hinzufügen.

Die Block-Werkzeugleiste

Screenshot des Code-Blocks, ohne das Inhalt hinzugefügt wurde.

Im Code-Block kannst du den Text fett oder kursiv gestalten und einen Link hinzufügen. Hinter dem kleinen Pfeil nach unten verstecken sich weitere Funktionen zur Textformatierung.

Die Einstellungen im weiterführenden Menü hinter den drei Punkten am Ende erklären wir dir auf der Übersichtsseite der Blöcke unter Die Block-Werkzeugleiste.

Screenshot des Code-Blocks, mit einem Beispiel-Inhalt eines CSS-Befehls.

Der Text wird in einem Monospace-Font dargestellt. In der Ausgabe wird der Inhalt vom HTML-Tag <code> umschlossen.

Die Einstellungen in der Seitenleiste

Screenshot der Code-Einstellungen in der Seitenleiste.

Der Code-Block bietet dir die Möglichkeit, neben den Farben auch Einstellungen für einen Rand zu konfigurieren. Dabei kannst du die Breite, den Stil (durchgehend, gestrichelt, gepunktet), eine Farbe und den Radius einstellen. Beim Radius kannst du auswählen, ob dieser für alle Seiten gleich sein soll, oder ob du diesen für jede Ecke separat einstellen möchtest.

Die Typografie-Einstellungen sind die gleichen wie beim Absatz-Block, wo bereits alle Einstellungen einmal erklärt sind.

Bei der Größe kannst du zwischen dem Innenabstand und dem Außenabstand wählen. Für beide Größen kannst du den Abstand entweder für alle Seiten gleich (wie dargestellt), oder für jede Seite individuell einstellen. Dazu klickst du auf den blauen Button rechts neben dem Eingabefeld, um die Funktion umzuschalten.

Farbe & Erweitert

Unter Farbe findest du die Möglichkeit, die Text-, Hintergrund- und Linkfarbe für den gewählten Block zu ändern. Eine Übersicht, welche Einstellungen möglich sind, findest du auf der Block-Übersichtsseite.

Unter Erweitert kannst du einen HTML-Anker und zusätzliche CSS-Klassen definieren, mehr dazu findest du ebenfalls auf der Block-Übersichtsseite.

Umwandeln in andere Blöcke

Du kannst den Code-Block in folgende Blöcke umwandeln:

Die Umwandlung in die Blöcke Spalten und Gruppe bewirkt, dass der Code-Block in den jeweiligen, neu erstellten Block verschoben wird.