Lorem-Ipsum-Generator – Platzhaltertext

Was ist der Lorem-Ipsum-Generator?

Der Lorem-Ipsum-Generator ist ein kostenloses Online-Tool, das Platzhaltertext für Mockups, Wireframes, UI-Prototypen und Drucklayouts erstellt. Wenn Sie eine Benutzeroberfläche oder eine Dokumentvorlage gestalten, benötigen Sie Inhalte, um den Platz zu füllen — echter Inhalt ist in der Designphase jedoch entweder nicht verfügbar oder lenkt ab. Lorem-ipsum-Text löst dieses Problem, indem er realistisch aussehenden, lateinisch abgeleiteten Text liefert, der das Layout vermittelt, ohne auf den Inhalt aufmerksam zu machen. Dieses Tool generiert Platzhalterinhalte in drei Modi — Absätze, Sätze oder einzelne Wörter — mit einer konfigurierbaren Anzahl von bis zu 100 Einheiten. Es unterstützt reinen Text und HTML-Ausgabe, bietet eine Download-Option und läuft vollständig in Ihrem Browser ohne Server-Anfragen und ohne Anmeldung.

Hauptfunktionen

• Drei Ausgabetypen: Absätze, Sätze oder Wörter — Verwenden Sie Absätze für Fließtext-Layouts, Sätze für einzeilige Komponenten wie Bildunterschriften oder Untertitel, und Wörter für Beschriftungen, Schaltflächentext oder kurze UI-Zeichenketten.
• Anpassbare Anzahl (1–100) — Das Zählfeld akzeptiert jede ganze Zahl von 1 bis 100. Die Komponente erzwingt Math.min(Math.max(1, count), 100) bei der Generierung und begrenzt damit Werte außerhalb des Bereichs.
• Option „Mit Lorem ipsum beginnen" — Ein Kontrollkästchen (standardmäßig aktiviert) erzwingt, dass die Ausgabe mit dem Satz „Lorem ipsum dolor sit amet," beginnt, was der kanonische Anfang des Standard-Lorem-ipsum-Textes ist. Dadurch ist generierter Text sofort als Platzhalterinhalt erkennbar.
• HTML-Absatzausgabe — Wenn das Format auf HTML gesetzt und der Ausgabetyp „Absätze" ausgewählt ist, wird jeder Absatz in <p>-Tags eingeschlossen. Dieser Text kann direkt in eine HTML-Vorlage oder ein CMS-Rich-Text-Feld eingefügt werden.
• Wort- und Zeichenanzahl — Nach der Generierung zeigt das Tool die Gesamtwortzahl und Zeichenanzahl der Ausgabe an, was beim Befüllen von Komponenten mit bestimmten Längenbeschränkungen hilft.
• In Zwischenablage kopieren und als .txt herunterladen — Eine „Kopieren"-Schaltfläche schreibt die vollständige Ausgabe in die Zwischenablage. Eine „Herunterladen"-Schaltfläche löst einen Browser-Download einer lorem-ipsum.txt-Datei aus.
• Stapelmodus — Eine Supporter-Funktion, die mehrere unabhängige Lorem-ipsum-Blöcke in einer fortschrittsangezeigten Tabelle generiert, nützlich für das gleichzeitige Befüllen mehrerer Inhaltsfelder.

So verwenden Sie den Lorem-Ipsum-Generator

Schritt 1: Ausgabetyp wählen

Das Dropdown-Menü „Typ" hat drei Optionen:

• Absätze — Jede Einheit ist ein Absatz mit 4–8 Sätzen und 4–16 Wörtern pro Satz. Absätze werden durch Leerzeilen getrennt. Verwenden Sie diese Option für Fließtext, Artikelinhalte oder Kartenbeschreibungen.
• Sätze — Jede Einheit ist ein einzelner Satz mit 4–16 Wörtern. Verwenden Sie diese Option für Testimonials, Bildunterschriften, Tooltip-Text oder einen beliebigen einzeiligen Zeichenketten-Platzhalter.
• Wörter — Jede Einheit ist ein einzelnes Wort. Verwenden Sie diese Option für Schaltflächenbeschriftungen, Navigationselemente, Tags oder überall dort, wo Sie eine kurze, eigenständige Zeichenkette benötigen.

Schritt 2: Anzahl festlegen

Geben Sie im Feld „Anzahl" eine Zahl von 1 bis 100 ein oder verwenden Sie die Pfeilschaltflächen. Der Standardwert ist 3. Für einen typischen Artikel-Prototyp reichen in der Regel 3–5 Absätze aus. Für eine Wortwolke oder eine Tag-Liste stellen Sie die Wörteranzahl auf 20–30 ein.

Schritt 3: Format auswählen

Das Dropdown-Menü „Format" hat zwei Optionen:

• Klartext — Die Ausgabe ist reiner Text ohne Markup. Verwenden Sie diese Option für die meisten Zwecke: Figma, Sketch, Design-Tokens, Tabellenkalkulationen oder jeden Nicht-HTML-Kontext.
• HTML — In Kombination mit dem Absatztyp wird jeder Absatz in <p>-Tags eingeschlossen. Satz- und Worttypen erzeugen unabhängig von dieser Einstellung reinen Text, da das Einschließen einzelner Sätze oder Wörter in Absatz-Tags selten sinnvoll ist.

Schritt 4: „Mit Lorem ipsum beginnen" umschalten

Das Kontrollkästchen ist standardmäßig aktiviert. Wenn aktiviert, werden die ersten Wörter der Ausgabe durch „Lorem ipsum dolor sit amet" ersetzt, unabhängig davon, was der Zufallsgenerator erzeugt hat. Dadurch bleibt der traditionelle Anfang erhalten und der Text ist sofort als Fülltext erkennbar. Deaktivieren Sie das Kontrollkästchen, wenn Sie vollständig zufällig generierten lateinisch abgeleiteten Text ohne den kanonischen Anfang wünschen.

Schritt 5: Generieren und exportieren

Klicken Sie auf „Generieren". Die Ausgabe erscheint in einem schreibgeschützten Textfeld unterhalb der Schaltfläche. Die Wort- und Zeichenanzahl erscheint oberhalb des Textfelds. Verwenden Sie „Kopieren", um den Text in die Zwischenablage zu kopieren, „Herunterladen", um ihn als lorem-ipsum.txt zu speichern, oder „Löschen", um das Ausgabefeld zurückzusetzen.

Praktische Beispiele

Füllen einer Blog-Post-Vorlage

Sie entwerfen eine Blog-Seitenvorlage und benötigen realistischen Textinhalt. Stellen Sie den Typ auf „Absätze", die Anzahl auf 4, das Format auf „Klartext" ein und klicken Sie auf „Generieren". Die Ausgabe füllt den Artikelkörper mit vier Absätzen mit angemessen langen Sätzen und gibt eine genaue Darstellung, wie ein echter Artikel auf der Seite fließen wird.

HTML für eine CMS-Vorschau generieren

Sie bauen einen WYSIWYG-Editor und müssen testen, wie <p>-Tags gerendert werden. Stellen Sie den Typ auf „Absätze", die Anzahl auf 3, das Format auf „HTML" ein und klicken Sie auf „Generieren". Die Ausgabe:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation...</p>

Fügen Sie dies direkt in den Quellmodus Ihres Editors oder eine HTML-Fixture-Datei für Tests ein.

Navigationsmenü mit Platzhalter-Beschriftungen befüllen

Sie erstellen einen Prototyp einer Seitenleiste mit sechs Navigationselementen. Stellen Sie den Typ auf „Wörter", die Anzahl auf 6 ein und klicken Sie auf „Generieren". Sechs einzelne Wörter erscheinen — fügen Sie sie als Navigationselement-Beschriftungen in Ihr Design-Tool ein, um ein realistisches Gefühl für Beschriftungslänge und Abstände zu bekommen.

Tipps und Best Practices

Verwenden Sie die Wortanzahl, um Längenanforderungen zu erfüllen. Einige Inhaltssysteme haben Mindest- oder Höchstzeichenbeschränkungen für Felder. Generieren Sie Text, überprüfen Sie die Wort-/Zeichenanzahl, die oberhalb des Textfelds angezeigt wird, und passen Sie die Anzahl oder den Typ an, um das Ziel zu erreichen. Wenn beispielsweise ein Meta-Beschreibungsfeld 150–160 Zeichen erfordert, stellen Sie den Typ auf „Sätze" und die Anzahl auf 1 ein, dann überprüfen Sie die Zeichenanzahl — ein einzelner Satz erzeugt typischerweise 80–120 Zeichen, also versuchen Sie Anzahl 2 und wählen Sie die Version, die Ihrem Ziel am nächsten kommt.

HTML-Format beeinflusst nur die Absatzausgabe. Wenn Sie das HTML-Format mit dem Satz- oder Worttyp auswählen, generiert das Tool trotzdem reinen Text. Die HTML-Wrapping-Logik in der Komponente prüft speziell if (outputFormat === 'html' && outputType === 'paragraphs'), bevor <p>-Tags angewendet werden. Dies ist beabsichtigt — das Einschließen einzelner Wörter oder Sätze in <p>-Tags ist fast nie nützlich.

Herunterladen für Offline-Mockups. Die Download-Schaltfläche erstellt eine lorem-ipsum.txt-Datei über eine Blob-Objekt-URL — es wird keine Server-Anfrage gestellt. Dies ist nützlich, wenn Sie den Text in eine lokale Design-Datei einbetten oder ihn einem Kunden zusammen mit einer Wireframe-PDF teilen möchten.

Stapelmodus für mehrspaltige Formulare. Wenn Sie ein Formular mit 10 Textfeldern erstellen und für jedes eindeutigen Platzhalterinhalt benötigen, aktivieren Sie den Stapelmodus (Supporter-Funktion), stellen Sie ihn auf 10 Elemente ein und verwenden Sie „Alle Ergebnisse kopieren", um 10 unabhängige Textblöcke in einem Vorgang zu erhalten.

Das Kontrollkästchen „Mit Lorem ipsum beginnen" beeinflusst den Wortmodus. Im Wortmodus ersetzt das Kontrollkästchen die ersten N Wörter der Ausgabe durch die Wörter aus „lorem ipsum dolor sit amet" (in Kleinschreibung, um dem Wortlisten-Format zu entsprechen). Wenn Sie genau 5 Wörter benötigen und das Kontrollkästchen aktiviert ist, werden die ersten fünf „lorem ipsum dolor sit amet" sein — genau der kanonische Satz.

Häufige Probleme und Fehlerbehebung

Generierter Text sieht bei gleichen Einstellungen jedes Mal anders aus. Dies ist das korrekte Verhalten. Die lorem-ipsum-Bibliothek generiert bei jedem Aufruf zufälligen lateinisch abgeleiteten Text. Jeder Klick auf „Generieren" erzeugt eine andere Ausgabe. Dies ist das erwartete Verhalten für Platzhaltertext — jeder Block sollte visuell unterschiedlich sein, um reale Inhaltsvariationen zu simulieren.

HTML-Format-Kontrollkästchen scheint keine Wirkung zu haben. HTML-Wrapping gilt nur, wenn der Typ auf „Absätze" gesetzt ist. Wenn Sie „Sätze" oder „Wörter" als Typ ausgewählt haben, erzeugt die Umstellung auf HTML-Format eine identische Klartextausgabe. Wechseln Sie den Typ zu „Absätze", um das <p>-Tag-Wrapping zu sehen.

Anzahl wird bei ungültiger Eingabe auf 1 zurückgesetzt. Wenn Sie das Zählfeld leeren oder einen nicht-numerischen Wert eingeben, wertet die Komponente parseInt(e.target.value) || 1 aus und setzt den Standardwert auf 1. Geben Sie eine gültige ganze Zahl zwischen 1 und 100 ein, bevor Sie auf „Generieren" klicken.

Download erzeugt eine leere Datei. Die Download-Schaltfläche ist deaktiviert, wenn das Ausgabefeld leer ist — sie prüft if (!output) return, bevor das Blob erstellt wird. Klicken Sie zuerst auf „Generieren", um eine Ausgabe zu erzeugen, dann auf „Herunterladen".

Toast „Kopieren fehlgeschlagen" erscheint. Dies kann in HTTP-Browserkontexten (nicht HTTPS) auftreten, in denen die Clipboard API nicht verfügbar ist. Die Komponente fängt den Fehler ab und zeigt den Toast an. Wählen Sie in diesem Fall manuell den gesamten Text im Textfeld (Strg+A oder Cmd+A) aus und kopieren Sie ihn mit Strg+C oder Cmd+C.

Datenschutz und Sicherheit

Der Lorem-Ipsum-Generator läuft vollständig in Ihrem Browser. Die Textgenerierung verwendet die JavaScript-Bibliothek lorem-ipsum, die clientseitig ohne Netzwerkaufrufe ausgeführt wird. Die Download-Funktion erstellt eine Blob-Objekt-URL lokal — die Datei gelangt nie über einen Server. Kein generierter Text, keine Einstellungen oder Nutzungsdaten werden irgendwohin übertragen. Das Tool funktioniert vollständig offline, sobald die Seite geladen ist.

Häufig gestellte Fragen

Ist der Lorem-Ipsum-Generator kostenlos? Ja, vollständig kostenlos ohne Konto oder Abonnement erforderlich. Alle Funktionen — Absätze, Sätze, Wörter, HTML-Ausgabe, Download — sind ohne jegliche Zahlung verfügbar.

Funktioniert es offline? Ja. Nach dem ersten Laden der Seite funktioniert das Tool vollständig ohne Internetverbindung. Textgenerierung, Kopieren und Herunterladen funktionieren alle offline.

Sind meine Daten sicher? Das Tool generiert Text lokal mithilfe einer JavaScript-Bibliothek. Nichts wird an einen Server gesendet. Öffnen Sie die Browser-Entwicklertools und beobachten Sie das Netzwerk-Panel — es werden keine Anfragen gestellt, wenn Sie auf „Generieren" klicken.

Was ist Lorem-ipsum-Text? Lorem-ipsum-Text leitet sich von einem verfremdeten Abschnitt aus Ciceros „de Finibus Bonorum et Malorum" (Über die Grenzen von Gut und Böse) ab, geschrieben im Jahr 45 v. Chr. Der verfremdetete Text wird seit den 1500er Jahren als Satzfüller verwendet. Er ist heute noch nützlich, weil er die Wortlängenverteilung und den visuellen Rhythmus echter lateinschrift-basierter Sprachen nachahmt, ohne eine ablenkende Bedeutung zu haben. Leser konzentrieren sich auf das Layout, nicht auf den Inhalt.

Was ist der Unterschied zwischen Absatz-, Satz- und Wortausgabe? Absätze generieren mehrsätzige Blöcke (4–8 Sätze pro Absatz, 4–16 Wörter pro Satz), getrennt durch Leerzeilen — am besten für Fließtext geeignet. Sätze generieren einzelne vollständige Sätze — am besten für einzeilige Platzhalter wie Bildunterschriften, Tooltips oder Listenelemente. Wörter generieren einzelne eigenständige Wörter — am besten für Beschriftungen, Tags, Navigationselemente oder sehr kurze Zeichenketten-Platzhalter.

Kann ich HTML-Ausgabe für Sätze und Wörter erhalten? Nein. Die HTML-Format-Option umschließt nur die Absatzmodus-Ausgabe in <p>-Tags. Satz- und Wortausgaben sind immer reiner Text, unabhängig von der Formatauswahl, da das Einschließen einzelner Wörter oder Sätze in Block-Level-Absatz-Tags kein nützliches Ausgabeformat für diese Modi ist.

Was macht „Mit Lorem ipsum beginnen" genau? Wenn aktiviert (die Standardeinstellung), ersetzt das Tool den Anfang des generierten Textes durch den Satz „Lorem ipsum dolor sit amet." Für Absatz- und Satzmodi ersetzt es Zeichen bis zum Ende des ersten Satzes durch diesen kanonischen Satz. Im Wortmodus ersetzt es die ersten Wörter durch die Wörter aus diesem Satz (in Kleinschreibung). Der Zweck ist, Platzhaltertext sofort erkennbar zu machen, ohne ihn zu lesen.

Wie viele Wörter enthält ein Absatz? Die zugrunde liegende lorem-ipsum-Bibliothek ist mit 4–8 Sätzen pro Absatz und 4–16 Wörtern pro Satz konfiguriert. Das bedeutet, dass ein einzelner Absatz typischerweise zwischen 16 und 128 Wörter enthält, mit einem Durchschnitt von etwa 60 Wörtern — nahe an der Länge eines typischen kurzen Blog-Absatzes. Die Wortanzahl, die oberhalb der Ausgabe angezeigt wird, spiegelt die tatsächliche Wortanzahl des generierten Textes wider.

Kann ich dies für Lokalisierungstests verwenden? Lorem-ipsum-Text ist lateinisch abgeleitet und verwendet nur ASCII-Zeichen. Er ist nicht geeignet, um Rechts-nach-links-Schriften, CJK-Zeichen oder nicht-lateinische Alphabete zu testen. Für i18n- und l10n-Layout-Tests benötigen Sie ein Tool, das Platzhaltertext im Skript Ihrer Zielsprache generiert.

Wiederholt sich der generierte Text über mehrere Generierungen hinweg? Gelegentlich erscheinen ähnliche Phrasen, weil die zugrunde liegende Wortliste begrenzt ist, aber die Abfolge und Kombination von Sätzen und Wörtern wird bei jeder Generierung zufällig festgelegt. Für die meisten Design-Zwecke ist die Variation ausreichend, um das Erscheinungsbild einzigartiger Inhalte über mehrere Seiteninstanzen hinweg zu simulieren.

Verwandte Tools

• Fake-Data-Generator — generiert realistische strukturierte Testdaten, einschließlich Namen, E-Mail-Adressen, Postanschriften und Telefonnummern
• Slug-Generator — konvertiert Textzeichenketten in URL-freundliche Slugs für CMS-Inhalts-URLs
• Passwort-Generator — generiert kryptografisch sichere Passwörter für Testkonten
• Groß-/Kleinschreibungskonverter — konvertiert Text zwischen camelCase, snake_case, Titelschreibweise und anderen Formaten

Probieren Sie den Lorem-Ipsum-Generator jetzt aus: Lorem-Ipsum-Generator