Генератор Lorem Ipsum

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

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

Почему дизайнеры до сих пор используют бессмысленную латынь

Привычка вёрстки старше веба

Отрывок начался как искажённая выдержка из De finibus bonorum et malorum Цицерона, написанной в 45 г. до н.э. Где-то в 1500-х годах печатник перемешал её, чтобы получить образец шрифта, и искажённая версия пережила изначальную цель полностью. Плёнки Letraset несли его через 1960-е, программы настольных издательских систем поставляли его как образец содержимого в 1980-х, и он пришёл в веб уже знакомым всем, кто хоть раз открывал программу вёрстки.

Его выживание — не ностальгия. Текст имеет распределение букв и ритм длины слов, достаточно близкие к английскому и другим языкам на латинице, чтобы абзац занимал правдоподобное место, при этом он воспринимается как бессмысленный любым, кто взглянет на экран. Это сочетание невероятно трудно воспроизвести намеренно.

Текст-заполнитель как инструмент проверки

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

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

Когда это неподходящий инструмент

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

Это также реальный риск близко к продакшену. Lorem Ipsum, попавший на живую страницу, — повторяющийся позор, индексируемый поисковыми системами и снимаемый пользователями в скриншоты. Поскольку словарь характерен, от него легко защититься: ищите «lorem» в своих шаблонах в CI и останавливайте сборку. Относитесь к сгенерированному тексту как к строительным лесам с датой удаления, а не к содержимому.

Примечание с открытым исходным кодом: реализовано на чистом JavaScript без сторонних библиотек.

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

Является ли Lorem Ipsum настоящей латынью?
Не совсем. Он происходит от Цицерона, но был намеренно перемешан столетия назад, поэтому слова похожи на латынь, а отрывок в целом ничего не значит.
Почему бы просто не повторять «text text text»?
Повторяющиеся слова дают неестественную длину слов и переносы строк, поэтому вёрстка, которую вы проверяете, — не та, что попадёт в продакшен. Разнообразный заполнитель гораздо лучше приближается к настоящей прозе.
Сколько мне следует генерировать?
Ориентируйтесь на реальный объём контента, а не заполняйте пространство. Если поле будет содержать около сорока слов в продакшене, сгенерируйте сорок, а не страницу.
Что делает опция HTML?
Она оборачивает каждый блок в тег абзаца, чтобы вы могли вставить его напрямую в шаблон или rich-text поле CMS, не добавляя разметку вручную.
Почему он начинается с одного и того же предложения?
Классическое вступление делает текст мгновенно узнаваемым как заполнитель для проверяющих. Отключите опцию, если хотите полностью случайный отрывок.
Вредно ли для SEO, если Lorem Ipsum попадёт в продакшен?
Да, он расходует бюджет обхода на бессмысленный контент и выглядит незаконченным для посетителей. Добавьте проверку слова «lorem» в CI, чтобы сборка падала до попадания в продакшен.