JavaScripts › Texteffekte

Blindtext-Generator

Erzeugt Fülltext für Entwürfe — klassisch als Lorem ipsum oder als deutscher Blindtext mit echter Wortverteilung.

Wer ein Layout entwirft, braucht Text, bevor der Text da ist. Genau dafür gibt es Blindtext: bedeutungslose, aber typografisch echt wirkende Absätze, die zeigen, wie die Seite mit Inhalt aussieht. Der Klassiker heißt Lorem ipsum und stammt aus einer Schrift Ciceros über das höchste Gut, „De finibus bonorum et malorum" von 45 vor Christus — allerdings in einer seit dem 16. Jahrhundert verstümmelten Form, die absichtlich keinen Sinn mehr ergibt.

Und das ist Absicht: Ein sinnvoller Text lenkt beim Layouten ab, weil man anfängt zu lesen statt zu schauen. Ein Blindtext soll nur die richtige Textur haben — ähnliche Wortlängen, ähnliche Buchstabenverteilung, ähnlicher Rhythmus wie echte Sprache. Deshalb bietet das Script neben Lorem ipsum auch einen deutschen Blindtext an: Für deutsche Layouts ist er die bessere Wahl, weil unsere Wörter im Schnitt länger sind als lateinische und Umlaute die Zeilenhöhe beeinflussen.

Stellt unten ein, wie viele Absätze mit wie vielen Sätzen ihr braucht. Auf Wunsch beginnt der Text mit dem vertrauten „Lorem ipsum dolor sit amet" — das ist praktisch, wenn ein Kunde den Blindtext als solchen erkennen soll. Ohne diesen Anfang wirkt der Text zufälliger, was für Bildschirmentwürfe oft angenehmer ist.

Verwandtes: Der Fantasienamen-Generator würfelt einzelne Kunstwörter statt ganzer Absätze, und mit Wörter zählen könnt ihr prüfen, ob euer echter Text am Ende in den vorgesehenen Platz passt.

Texteffekte Baujahr 2026 läuft in deinem Browser
Script von kostenlose-javascripts.de

So funktioniert das Script

Das Script baut Text von unten nach oben auf: erst Wörter zu Sätzen, dann Sätze zu Absätzen. Der ganze Reiz liegt darin, dem Zufall genug Struktur zu geben, dass das Ergebnis nach Sprache aussieht und nicht nach Wortsalat.

const laenge = 5 + zufall(12);

Die Satzlänge wird gewürfelt, aber nicht beliebig: zwischen 5 und 16 Wörtern. Das ist der Bereich, in dem sich deutsche und lateinische Sätze meist bewegen. Ein Blindtext aus lauter gleich langen Sätzen fällt sofort als künstlich auf — der unregelmäßige Rhythmus ist wichtiger für die Wirkung als die Wörter selbst.

if (laenge > 8 && Math.random() < 0.6) {
  const stelle = 3 + zufall(laenge - 6);
  teile[stelle] = teile[stelle] + ",";
}

Kommas machen aus einer Wortkette einen Satz. Die Bedingung sorgt dafür, dass nur längere Sätze eines bekommen, und Math.random() < 0.6 ist die Schreibweise für „in etwa 60 Prozent der Fälle" — Math.random() liefert eine Zahl zwischen 0 und 1, und in 60 von 100 Fällen liegt sie unter 0,6. Die Position wird so gewählt, dass das Komma nie ganz vorn oder ganz hinten steht, weil das unnatürlich wirkte.

satz = satz.charAt(0).toUpperCase() + satz.slice(1);
return satz + ".";

Ein kleiner Handgriff mit großer Wirkung: Der erste Buchstabe wird groß geschrieben, hinten kommt ein Punkt. charAt(0) holt das erste Zeichen, slice(1) den ganzen Rest ab dem zweiten — die übliche Art, in JavaScript einen Anfangsbuchstaben zu ändern, denn einzelne Zeichen einer Zeichenkette lassen sich nicht direkt überschreiben.

const vorrat = woerter[sprache];

Beide Wortlisten liegen in einem gemeinsamen Objekt, und das Auswahlfeld liefert direkt den Schlüssel. Deshalb braucht es keine if-Abfrage, welcher Vorrat gemeint ist — die Auswahl ist der Zugriff. Die Listen selbst entstehen aus einer langen Zeichenkette mit split(" "); das ist im Quelltext deutlich übersichtlicher, als hundert Wörter einzeln in Anführungszeichen zu setzen.

Zum Anpassen: Für eine eigene Fachsprache — Speisekarte, Vereinssatzung, Produktbeschreibung — tauscht ihr einfach die Wortliste aus; alles andere bleibt. Sollen die Absätze unterschiedlich lang sein, würfelt ihr die Satzanzahl je Absatz statt sie fest zu übernehmen. Und wenn ihr den Blindtext direkt als HTML braucht, ersetzt ihr das Zusammenfügen mit Leerzeilen durch "<p>" + absatz + "</p>".

Script für die eigene Homepage

Kopiert euch den kompletten Code und fügt ihn an der Stelle eurer Seite ein, an der das Script erscheinen soll. Er läuft ohne weitere Dateien und ohne fremde Server.

Mehr aus der Kategorie Texteffekte