Генератор Lorem Ipsum — текст-рыба онлайн

Что такое 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');

Ключевые возможности

Сравнение альтернатив генератору Lorem Ipsum

Примеры Lorem Ipsum

Единица: Абзацы · Количество: 3 · Формат: Обычный текст · Начинать с Lorem ipsum: вкл

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...

Единица: Абзацы · Количество: 2 · Формат: HTML

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

Единица: Байты · Количество: 280 · Формат: Обычный текст

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore... (обрезано ровно на 280 байтах)

Единица: Абзацы · Количество: 3 · Формат: JSON

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

Единица: Элементы списка · Количество: 5 · Формат: 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

Как пользоваться генератором Lorem Ipsum

1. 1

   Возьмите текст по умолчанию или задайте единицу

   Поле вывода уже содержит три абзаца при загрузке страницы — скопируйте их сразу, если это всё, что вам нужно. Иначе откройте выпадающий список «Создать» и выберите единицу: абзацы, предложения, слова, элементы списка или точное число байтов.

2. 2

   Задайте количество

   Используйте ползунок или числовое поле, чтобы задать, сколько единиц создать; они остаются синхронизированными. Максимум ползунка отражает потолок для выбранной единицы (например, 1000 для слов), так что вы всегда знаете доступный диапазон.

3. 3

   Выберите формат вывода

   Оставьте «Формат» на обычном тексте для чистого наполнителя или переключитесь на HTML, чтобы обернуть абзацы в теги

   , а списки в

   • ; на Markdown для блоков, разделённых пустыми строками, и списков с дефисами; либо на JSON для массива строк, готового к вставке в фикстуру или заглушку.

4. 4

   При необходимости переключите каноническое начало

   Оставьте «Начинать с Lorem ipsum…» включённым, чтобы начать со знакомой канонической строки, или отключите его для полностью случайного текста. Нажимайте «Создать заново» в любой момент, чтобы получить свежий образец с теми же настройками.

5. 5

   Скопируйте или скачайте результат

   Нажмите «Копировать», чтобы поместить весь блок в буфер обмена (вы увидите подтверждение «Скопировано!»), или «Скачать», чтобы сохранить его как файл с подходящим расширением. Живой счётчик показывает количество слов, символов и абзацев, так что вы можете подтвердить длину.

Частые ошибки с Lorem Ipsum

Запущенная страница всё ещё показывает:
"Lorem ipsum dolor sit amet, consectetur..."
в hero-секции и футере.

Чек-лист перед развёртыванием: ищите по всему проекту
"lorem ipsum" (без учёта регистра) и убедитесь в нуле совпадений
перед отправкой. Замените каждый блок реальным текстом.

Заполнитель: "text text text text text text text"
Каждое слово одинаковой длины — переносится неестественно,
скрывает то, как будет разбиваться реальный текст.

Заполнитель: "Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor..."
Разная длина слов переносится как настоящая проза.

Слот заголовка протестирован 3 полными абзацами текста —
выглядит хорошо в макете, сильно переполняется, когда
входит реальный заголовок из 6 слов.

Слот заголовка протестирован единицей «Слова», количество 6.
Макет теперь отражает реальную длину контента,
и размер шрифта выдерживает.

Скопировать обычный текст, вставить в редактор, затем добавить
<p>…</p> вокруг каждого из 8 абзацев вручную.
Пропустить один закрывающий тег, сломать макет.

Установить «Формат» в HTML, скопировать, вставить.
Каждый абзац уже обёрнут правильно,
ноль ручного редактирования тегов.

Протестировать байтовый столбец varchar(255) 255 ASCII-символами,
счесть его безопасным, затем реальный ввод "café 北京 😀" на
255 символов переполняет байтовый лимит.

Используйте единицу «Байты», чтобы заполнить ровно 255 байтов для
базового ASCII, затем протестируйте и реальным многобайтовым
контентом, который поле должно принимать.

Кто использует генератор Lorem Ipsum

UI- и продуктовые дизайнеры

Заполняйте кадры Figma, вайрфреймы и макеты текстом реалистичной длины, чтобы клиенты и заинтересованные стороны оценивали макет, а не слова. Используйте единицу слов или байтов, чтобы подогнать точную длину реальной подписи, описания или слота заголовка, который в итоге будет содержать дизайн.

Frontend-разработчики

Вставляйте абзацы в формате HTML прямо в компоненты, шаблоны и истории Storybook без написания разметки вручную. Формат JSON наполняет пропсы, фикстуры и обработчики Mock Service Worker реалистичным контентом для построения и тестирования состояний UI.

Разработчики CMS и шаблонов

Наполняйте шаблоны WordPress, Webflow или headless-CMS текстом-заполнителем тела, выдержками и элементами списка, пока строится структура. Вывод Markdown чисто вставляется в rich-text-поля и контентные модели на основе Markdown.

QA- и тест-инженеры

Создавайте текст точной байтовой или символьной длины для проверки ограничений полей, столбцов varchar, поведения при усечении и обработки переполнения. Воспроизводимые длины упрощают проверку того, что лимит в 255 символов или поле в 280 байтов ведут себя корректно на границе.

Дизайнеры печати и редакционные дизайнеры

Заливайте Lorem Ipsum в колонки InDesign, брошюры и макеты книг, чтобы оценить интерлиньяж, ширину колонки и фактуру текстового блока до прибытия рукописи. Единицы абзацев и предложений дают нужную детализацию для гранок.

Дизайнеры email и рассылок

Наполняйте email-шаблоны текстом тела и элементами списка, чтобы проверить, как блоки отображаются в разных клиентах, до написания реального контента кампании. Короткие фрагменты-пункты заменяют маркированные списки и выноски функций.

Создатели презентаций и слайдов

Заполняйте макеты слайдов, шаблоны питч-деков и мастера keynote текстом-заполнителем из пунктов и абзацев, чтобы визуальная иерархия была задана до финализации тезисов. Режим списка создаёт короткие фрагменты, которые на деле используют слайды.

Разработчики баз данных и API

Используйте вывод JSON-массива или точное число байтов, чтобы заполнять базы данных, генерировать образцы записей и строить реалистичные mock-ответы API. Воспроизводимый наполнитель управляемой длины лучше, чем ручной ввод фиктивных значений в каждую тестовую строку.

Как работает генератор

Словарь и построение предложений

Текст собирается из классического словаря Lorem примерно из 180 слов. Предложение — это 6–14 случайно выбранных слов с изредка вставляемой для ритма запятой, с заглавной буквы в начале и точкой в конце. Абзац — это 3–7 таких предложений. Элементы списка — более короткие фрагменты из 3–8 слов без конечной пунктуации.

Детерминированная, задаваемая семенем случайность

Генератор берёт значения из небольшого быстрого генератора псевдослучайных чисел (mulberry32). В браузере он инициализируется из Math.random для свежего вывода каждый раз; в тестовом наборе ему задаётся фиксированное семя, так что вывод полностью воспроизводим и проверки остаются стабильными. Случайность не криптографическая — она существует лишь для того, чтобы наполнитель выглядел естественно.

Канонический префикс

Когда переключатель «Начинать с Lorem ipsum…» включён, первое предложение (или первый набор слов) начинается с «Lorem ipsum dolor sit amet, consectetur adipiscing elit», а затем продолжается случайными словами. Его отключение делает весь вывод случайным, с заглавной буквой только в начале.

Точный подсчёт байтов (инвариант ASCII)

Словарь Lorem — это чистый ASCII, поэтому каждый символ занимает ровно один байт UTF-8. Этот инвариант позволяет единице «Байты» строить текст, пока он не достигнет запрошенной длины, а затем обрезать его до точного числа байтов — индекс символа равен индексу байта — без риска разрыва многобайтовой последовательности.

Рендеринг форматов

Обычный текст соединяет абзацы пустыми строками, а элементы списка — переводами строк. HTML оборачивает абзацы в

, а элементы списка в

• . Markdown использует блоки, разделённые пустыми строками, и префиксы списка «- ». JSON сериализует блоки как массив строк с отступами. Единица байтов всегда выдаёт обычный текст, поскольку байтовые бюджеты не зависят от формата.

Выполнение на стороне клиента

Вся логика генерации — это чистая функция без зависимостей от сети или хранилища, импортируемая небольшим клиентским скриптом, который связывает элементы управления. Вывод вычисляется синхронно при каждом изменении, поэтому он мгновенный даже при максимальных размерах и работает без соединения. Никакой текст никогда не передаётся и не сохраняется.

Лучшие практики для текста-заполнителя

Подгоняйте наполнитель под длину реального контента

Текст-заполнитель наиболее полезен, когда он той длины, которой будет реальный текст. Слот заголовка, вмещающий пять слов, не стоит тестировать предложением из 40 слов. Используйте единицу слов или байтов и живой счётчик, чтобы подобрать размер наполнителя под фактический контентный слот, чтобы одобренный вами макет выдержал столкновение с реальным текстом.

Сохраняйте каноническое начало для просмотров

Когда показываете работу клиентам или заинтересованным сторонам, оставляйте начало «Lorem ipsum dolor sit amet» включённым. Узнаваемая строка сигнализирует: «это осознанный заполнитель, а не финальный текст», что предотвращает неловкий момент, когда рецензент думает, что перемешанная латынь — это ошибка, или начинает пытаться её читать.

Никогда не отправляйте Lorem Ipsum в продакшен

Текст-заполнитель на действующей индексируемой странице — это тонкое содержание, которое растрачивает краулинговый бюджет и сбивает с толку попавших на неё пользователей. Перед запуском замените каждый блок реальным текстом и выполните поиск по всему проекту по «Lorem ipsum» — тестовые шаблоны, футеры и значения по умолчанию CMS обычно и просачиваются в продакшен.

Используйте вывод HTML или JSON, чтобы пропустить рутину

Если наполнитель идёт в разметку или тестовую фикстуру, создавайте его в нужном формате с самого начала. Вывод HTML избавляет от обёртывания абзацев в теги вручную; вывод JSON избавляет от заключения строк в кавычки и соединения их запятыми для фикстуры. Выбрать формат заранее быстрее, чем переформатировать обычный текст потом.

Пересоздавайте ради разнообразия, а не только объёма

Когда в дизайне есть несколько похожих слотов — сетка карточек, список отзывов — создавайте свежий блок для каждого с помощью «Создать заново» вместо повторной вставки одного и того же текста. Разнообразный наполнитель показывает, как макет справляется с разным числом строк и переносами, что одинаковый текст скрывает.

Рассмотрите наполнитель на реальном языке для локализованных макетов

Lorem Ipsum основан на латыни, поэтому его длина слов и частоты букв приближены к западноевропейским языкам. Если вы проектируете для немецкого (длинные составные слова), письменностей CJK или RTL-языков, проверьте макет и образцом текста на этом языке — метрики Lorem Ipsum не предскажут, как эти письменности переносятся и распределяются.

Не считайте созданный текст постоянным

Инструмент ничего не хранит; обновление страницы очищает вывод. Если вам снова нужен конкретный созданный блок, скопируйте или скачайте его, а не полагайтесь на то, что он останется в поле. Для повторяемых фикстур сохраните вывод JSON в свой проект, чтобы тот же наполнитель находился под контролем версий вместе с вашими тестами.

Часто задаваемые вопросы