Generator Lorem Ipsum — darmowy tekst zastępczy

Czym jest Lorem Ipsum?

// Generating Lorem Ipsum (simplified)
const WORDS = ['lorem','ipsum','dolor','sit','amet','consectetur','adipiscing','elit','sed','do','eiusmod','tempor'];
const PREFIX = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit';

const pick = (rng) => WORDS[Math.floor(rng() * WORDS.length)];

function sentence(rng, lead) {
  const n = 6 + Math.floor(rng() * 9); // 6-14 words
  const words = Array.from({ length: n }, () => pick(rng));
  const body = words.join(' ');
  return lead ? `${lead}, ${body}.` : `${body[0].toUpperCase()}${body.slice(1)}.`;
}

function paragraph(rng, startWithLorem) {
  const n = 3 + Math.floor(rng() * 5); // 3-7 sentences
  return Array.from({ length: n }, (_, i) =>
    sentence(rng, i === 0 && startWithLorem ? PREFIX : undefined)
  ).join(' ');
}

// Three random paragraphs, beginning with the canonical line
const text = Array.from({ length: 3 }, (_, i) =>
  paragraph(Math.random, i === 0)
).join('\n\n');

Najważniejsze funkcje

Porównanie alternatyw dla generatora Lorem Ipsum

Przykłady Lorem Ipsum

Jednostka: Akapity · Ilość: 3 · Format: Zwykły tekst · Zacznij od Lorem ipsum: wł.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat...

Jednostka: Akapity · Ilość: 2 · Format: HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation...</p>

Jednostka: Bajty · Ilość: 280 · Format: Zwykły tekst

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore... (przycięte dokładnie do 280 bajtów)

Jednostka: Akapity · Ilość: 3 · Format: JSON

[
  "Lorem ipsum dolor sit amet...",
  "Ut enim ad minim veniam...",
  "Duis aute irure dolor..."
]

Jednostka: Elementy listy · Ilość: 5 · Format: Markdown

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit sed
- Eiusmod tempor incididunt ut labore
- Dolore magna aliqua enim ad
- Minim veniam quis nostrud exercitation

Jak korzystać z generatora Lorem Ipsum

1. 1

   Chwyć domyślny tekst lub ustaw jednostkę

   Pole wynikowe zawiera już trzy akapity, gdy strona się ładuje — skopiuj je od razu, jeśli to wszystko, czego potrzebujesz. W przeciwnym razie otwórz listę rozwijaną Generuj i wybierz jednostkę: akapity, zdania, słowa, elementy listy lub dokładną liczbę bajtów.

2. 2

   Ustaw ilość

   Użyj suwaka lub pola liczbowego, aby ustawić, ile jednostek wyprodukować; oba pozostają zsynchronizowane. Maksimum suwaka odzwierciedla limit dla wybranej jednostki (na przykład 1000 dla słów), więc zawsze znasz dostępny zakres.

3. 3

   Wybierz format wyjścia

   Pozostaw format na Zwykły tekst dla surowego wypełniacza lub przełącz na HTML, aby opakować akapity w znaczniki

   , a listy w

   • , na Markdown dla bloków rozdzielonych pustą linią i list z myślnikami, albo na JSON dla tablicy ciągów znaków gotowej do wstawienia do fixture'a lub mocka.

4. 4

   Przełącz kanoniczny początek, jeśli potrzeba

   Pozostaw „Zacznij od Lorem ipsum…” włączone, aby zacząć od znanej kanonicznej linii, lub wyłącz je, by otrzymać w pełni losowy tekst. Kliknij Generuj ponownie w dowolnej chwili, aby wylosować świeżą próbkę przy tych samych ustawieniach.

5. 5

   Skopiuj lub pobierz wynik

   Kliknij Kopiuj, aby umieścić cały blok w schowku (zobaczysz potwierdzenie „Skopiowano!”), lub Pobierz, aby zapisać go jako plik z pasującym rozszerzeniem. Licznik na żywo pokazuje łączną liczbę słów, znaków i akapitów, więc możesz potwierdzić długość.

Najczęstsze błędy z Lorem Ipsum

Uruchomiona strona wciąż pokazuje:
"Lorem ipsum dolor sit amet, consectetur..."
w sekcji hero i stopce.

Lista kontrolna przed wdrożeniem: przeszukaj cały projekt
pod kątem "lorem ipsum" (bez rozróżniania wielkości liter)
i potwierdź zero trafień przed wdrożeniem. Zastąp każdy blok prawdziwą treścią.

Wypełniacz: "text text text text text text text"
Każde słowo ma identyczną długość — zawija się nienaturalnie,
ukrywa, jak będzie się łamać prawdziwa treść.

Wypełniacz: "Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor..."
Zróżnicowane długości słów zawijają się jak prawdziwa proza.

Miejsce na nagłówek przetestowane 3 pełnymi akapitami tekstu —
wygląda dobrze w makiecie, mocno się przelewa, gdy
wchodzi prawdziwy 6-słowny nagłówek.

Miejsce na nagłówek przetestowane jednostką Słowa, ilość 6.
Makieta odzwierciedla teraz prawdziwą długość treści,
a rozmiar kroju się sprawdza.

Skopiuj zwykły tekst, wklej do edytora, a następnie dodaj
<p>…</p> wokół każdego z 8 akapitów ręcznie.
Pomiń jeden znacznik zamykający, zepsuj układ.

Ustaw format na HTML, skopiuj, wklej.
Każdy akapit jest już poprawnie opakowany,
zero ręcznej edycji znaczników.

Przetestuj kolumnę bajtową varchar(255) za pomocą 255 znaków ASCII,
załóż, że jest bezpiecznie, a potem prawdziwe dane "café 北京 😀" przy
255 znakach przepełniają limit bajtów.

Użyj jednostki Bajty, aby wypełnić dokładnie 255 bajtów dla
bazowego ASCII, a następnie przetestuj też prawdziwą treścią
wielobajtową, którą pole musi akceptować.

Kto korzysta z generatora Lorem Ipsum

Projektanci UI i produktu

Wypełnij ramki w Figmie, szkielety i makiety treścią o realistycznej długości, aby klienci i interesariusze oceniali układ, a nie słowa. Użyj jednostki słów lub bajtów, aby dopasować dokładną długość do rzeczywistej etykiety, opisu lub miejsca na nagłówek, które projekt ostatecznie pomieści.

Programiści front-endu

Wstawiaj akapity w formacie HTML prosto do komponentów, szablonów i story w Storybooku bez ręcznego pisania znaczników. Format JSON wypełnia propsy, fixture'y i handlery Mock Service Workera realistyczną treścią do budowania i testowania stanów UI.

Twórcy CMS i szablonów

Zasilaj szablony WordPress, Webflow lub bezgłowego CMS tekstem zastępczym treści, zajawkami i elementami listy, gdy budowana jest struktura. Wynik Markdown wkleja się czysto do pól rich-text i modeli treści opartych na Markdownie.

Inżynierowie QA i testów

Generuj tekst o dokładnej długości w bajtach lub znakach, aby testować limity pól, kolumny varchar, zachowanie przy przycinaniu i obsługę przepełnienia. Powtarzalne długości ułatwiają sprawdzenie, czy limit 255 znaków lub pole 280 bajtów zachowuje się poprawnie na granicy.

Projektanci druku i redaktorzy

Wlewaj Lorem Ipsum do kolumn w InDesignie, broszur i układów książkowych, aby ocenić interlinię, szerokość kolumny i fakturę bloku tekstu, zanim nadejdzie manuskrypt. Jednostki akapitu i zdania dają właściwą ziarnistość do korekt szpaltowych.

Projektanci e-maili i newsletterów

Wypełniaj szablony e-maili treścią i elementami listy, aby testować, jak bloki renderują się w różnych klientach, zanim powstanie prawdziwa treść kampanii. Krótkie fragmenty listowe zastępują listy punktowane i wyróżnienia funkcji.

Twórcy prezentacji i slajdów

Wypełniaj układy slajdów, szablony prezentacji pitchowych i wzorce keynote zastępczymi punktami i akapitami, aby ustalić hierarchię wizualną, zanim sfinalizowane zostaną tezy. Tryb listy tworzy krótkie fragmenty, których faktycznie używają slajdy.

Programiści baz danych i API

Użyj tablicy JSON lub precyzyjnych liczb bajtów, aby zasilać bazy danych, generować przykładowe rekordy i budować realistyczne odpowiedzi mocków API. Powtarzalny wypełniacz o kontrolowanej długości bije ręczne wpisywanie zastępczych wartości w każdym wierszu testowym.

Jak działa generator

Słownictwo i konstrukcja zdań

Tekst jest składany z klasycznego słownictwa Lorem liczącego ~180 słów. Zdanie to 6–14 losowo wybranych słów ze sporadycznie wstawianym przecinkiem dla rytmu, z wielką literą na początku i kropką na końcu. Akapit to 3–7 takich zdań. Elementy listy to krótsze fragmenty 3–8 słów bez kropki na końcu.

Deterministyczna, ziarnowalna losowość

Generator korzysta z małego, szybkiego generatora liczb pseudolosowych (mulberry32). W przeglądarce jest zasilany ziarnem z Math.random, by za każdym razem dawać świeży wynik; w zestawie testów otrzymuje stałe ziarno, dzięki czemu wynik jest w pełni powtarzalny, a asercje pozostają stabilne. Losowość nie jest kryptograficzna — istnieje tylko po to, by wypełniacz wyglądał naturalnie.

Kanoniczny prefiks

Gdy przełącznik „Zacznij od Lorem ipsum…” jest włączony, pierwsze zdanie (lub pierwszy ciąg słów) zaczyna się od „Lorem ipsum dolor sit amet, consectetur adipiscing elit”, a następnie kontynuuje losowymi słowami. Wyłączenie go sprawia, że cały wynik jest losowy, z wielką literą jedynie na początku.

Dokładne liczenie bajtów (niezmiennik ASCII)

Słownictwo Lorem to czyste ASCII, więc każdy znak zajmuje dokładnie jeden bajt UTF-8. Ten niezmiennik pozwala jednostce Bajty budować tekst, aż osiągnie żądaną długość, a następnie przyciąć go do dokładnej liczby bajtów — indeks znaku równa się indeksowi bajtu — bez ryzyka rozcięcia sekwencji wielobajtowej.

Renderowanie formatu

Zwykły tekst łączy akapity pustymi liniami, a elementy listy znakami nowej linii. HTML opakowuje akapity w

, a elementy listy w

• . Markdown używa bloków rozdzielonych pustą linią i prefiksów listy „- ”. JSON serializuje bloki jako wciętą tablicę ciągów znaków. Jednostka bajtów zawsze emituje zwykły tekst, ponieważ budżety bajtów są niezależne od formatu.

Wykonanie po stronie klienta

Cała logika generowania to czysta funkcja bez zależności od sieci czy pamięci, importowana przez mały skrypt klienta, który podłącza kontrolki. Wynik jest obliczany synchronicznie przy każdej zmianie, dlatego jest natychmiastowy nawet przy maksymalnych rozmiarach i działa bez połączenia. Żaden tekst nigdy nie jest przesyłany ani trwale zapisywany.

Najlepsze praktyki dla tekstu zastępczego

Dopasuj wypełniacz do długości prawdziwej treści

Tekst zastępczy jest najbardziej przydatny, gdy ma długość, jaką będzie miała prawdziwa treść. Miejsce na nagłówek mieszczące pięć słów nie powinno być testowane 40-słownym zdaniem. Użyj jednostki słów lub bajtów oraz licznika na żywo, aby dopasować wielkość wypełniacza do rzeczywistego miejsca na treść, by układ, który zatwierdzisz, przetrwał zderzenie z prawdziwym tekstem.

Zachowaj kanoniczny początek na prezentacje

Pokazując pracę klientom lub interesariuszom, pozostaw włączony początek „Lorem ipsum dolor sit amet”. Rozpoznawalna linia sygnalizuje „to celowy tekst zastępczy, a nie ostateczna treść”, co zapobiega niezręcznej chwili, gdy recenzent myśli, że pomieszana łacina to błąd, albo zaczyna ją czytać.

Nigdy nie wdrażaj Lorem Ipsum na produkcję

Tekst zastępczy na działającej, indeksowanej stronie to uboga treść, która marnuje budżet indeksowania i wprowadza w błąd użytkowników, którzy na nią trafią. Przed startem zastąp każdy blok prawdziwą treścią i przeszukaj cały projekt pod kątem „Lorem ipsum” — szablony testowe, stopki i domyślna treść CMS to zwykli winowajcy, którzy prześlizgują się na produkcję.

Używaj wyjścia HTML lub JSON, by ominąć żmudną pracę

Jeśli wypełniacz trafia do znaczników lub fixture'a testowego, generuj go od razu we właściwym formacie. Wyjście HTML oszczędza ręcznego opakowywania akapitów w znaczniki; wyjście JSON oszczędza cudzysłowów i łączenia ciągów przecinkami do fixture'a. Wybranie formatu z góry jest szybsze niż przeformatowywanie zwykłego tekstu później.

Generuj ponownie dla różnorodności, nie tylko dla ilości

Gdy projekt ma kilka podobnych miejsc — siatkę kart, listę referencji — wygeneruj świeży blok dla każdego za pomocą Generuj ponownie, zamiast wklejać ten sam tekst wielokrotnie. Zróżnicowany wypełniacz ujawnia, jak układ radzi sobie z różnymi liczbami wierszy i zawijaniem, co identyczny tekst ukrywa.

Rozważ wypełniacz w prawdziwym języku dla zlokalizowanych układów

Lorem Ipsum jest oparty na łacinie, więc jego długości słów i częstotliwości liter przybliżają języki zachodnioeuropejskie. Jeśli projektujesz dla niemieckiego (długie złożenia), pism CJK lub języków RTL, zweryfikuj układ również tekstem przykładowym w tym języku — metryki Lorem Ipsum nie przewidzą, jak te pisma się zawijają i rozkładają.

Nie traktuj wygenerowanego tekstu jako trwałego

Narzędzie niczego nie zapisuje; odświeżenie strony czyści wynik. Jeśli potrzebujesz ponownie konkretnego wygenerowanego bloku, skopiuj go lub pobierz, zamiast polegać na tym, że pozostanie w polu. Dla powtarzalnych fixture'ów zapisz wynik JSON w projekcie, aby ten sam wypełniacz był wersjonowany razem z testami.

Najczęściej zadawane pytania