Abstrakte Zeitkuenstler Header-Grafik

Code-Block Beispiel

Diese Seite zeigt beide Darstellungsarten des Code-Blocks. Beide Kopierbuttons kopieren jeweils den vollständigen Inhalt des Kastens.

Ohne automatischen Zeilenumbruch

Ohne das Attribut `wrap="true"` bleiben alle Zeilen unverändert. Ist eine Zeile breiter als der verfügbare Bereich, erscheint eine horizontale Scrollleiste im Codebereich.

const zeitkuenstler = { name: "Zeitkünstler", thema: "bewusster Umgang mit Zeit", url: "https://zeitkuenstler.de/" };
console.log(`Willkommen bei ${zeitkuenstler.name}`);

Mit automatischem Zeilenumbruch

Mit `wrap="true"` bricht der Browser lange Zeilen innerhalb der verfügbaren Contentbreite um. Der Code bleibt dabei kopierbar und enthält keine Zeilennummern.

const zeitkuenstler = { name: "Zeitkünstler", thema: "bewusster Umgang mit Zeit", url: "https://zeitkuenstler.de/" };
console.log(`Willkommen bei ${zeitkuenstler.name}`);