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

   设定数量

   用滑块或数字框设定要生成多少个单位；两者保持同步。滑块的最大值反映你所选单位的上限（例如单词为 1,000），所以你始终知道可用的范围。

3. 3

   选择输出格式

   把「格式」保留在纯文本以获得原始填充，或切到 HTML 给段落包上

   标签、给列表包上

   • ，切到 Markdown 得到以空行分隔的块和连字符列表，或切到 JSON 得到一个可直接放进夹具或 mock 的字符串数组。

4. 4

   按需切换经典开头

   保持「以 Lorem ipsum… 开头」打开，以熟悉的经典首行开始；或关掉它得到完全随机的文本。随时点击「重新生成」即可用相同设置滚出一份全新样本。

5. 5

   复制或下载结果

   点击「复制」把整个块放进剪贴板（你会看到「已复制！」确认），或点击「下载」把它以匹配的扩展名保存为文件。实时计数器显示单词、字符和段落总数，让你确认长度。

常见的 Lorem Ipsum 错误

已上线页面仍显示：
"Lorem ipsum dolor sit amet, consectetur..."
出现在首屏区块和页脚里。

部署前清单：在整个项目里搜索
"lorem ipsum"（不区分大小写），上线前确认零命中。
把每个块都换成真实文案。

占位文本："text text text text text text text"
每个词长度相同——换行不自然，
掩盖了真实文案将如何断行。

占位文本："Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor..."
变化的词长像真实散文一样换行。

标题位用 3 整段文本测试——
在草图里看着没问题，等真实的 6 词标题放进去时
严重溢出。

标题位用单词单位、数量 6 测试。
草图现在反映真实内容长度，
字号也撑得住。

复制纯文本，粘进编辑器，然后手动给 8 段中的
每一段加 <p>…</p>。
漏掉一个闭合标签，排版就坏了。

把「格式」设为 HTML，复制，粘上。
每段都已正确包裹，
零手动标签编辑。

用 255 个 ASCII 字符测试一个 varchar(255) 字节列，
以为没问题，结果真实输入 "café 北京 😀" 在
255 字符时溢出了字节限制。

用「字节」单位为 ASCII 基线填满恰好 255 字节，
然后也用该字段必须接受的真实多字节内容
进行测试。

谁会用 Lorem Ipsum 生成器

UI 与产品设计师

用真实长度的文案填充 Figma 画板、线框图和草图，让客户和干系人评判排版而非文字。用单词或字节单位匹配设计最终将容纳的真实标签、简介或标题位的精确长度。

前端开发者

把 HTML 格式的段落直接放进组件、模板和 Storybook story，无需手写标记。JSON 格式用真实长度的内容填充 props、夹具和 Mock Service Worker handler，便于构建和测试 UI 状态。

CMS 与模板搭建者

在结构搭建期间用占位正文、摘要和列表项为 WordPress、Webflow 或 headless CMS 模板填充内容。Markdown 输出能干净地粘进富文本字段和基于 Markdown 的内容模型。

QA 与测试工程师

生成精确字节或字符长度的文本来测试字段限制、varchar 列、截断行为和溢出处理。可复现的长度让你轻松验证 255 字符上限或 280 字节字段在边界处的表现是否正确。

印刷与编辑设计师

把 Lorem Ipsum 注入 InDesign 栏、宣传册和书籍排版，在稿件到来之前评估行距、栏宽和文本块的质感。段落和句子单位为校样提供恰当的粒度。

邮件与简报设计师

用正文和列表项填充邮件模板，在真实活动内容写就之前测试各客户端的渲染效果。简短的列表项片段可替代项目符号列表和功能标注。

演示与幻灯片搭建者

用占位的要点和段落填充幻灯片版式、路演 deck 模板和 keynote 母版，让视觉层次在讲述要点定稿前就先确立。列表模式产生幻灯片实际使用的那种短片段。

数据库与 API 开发者

用 JSON 数组输出或精确字节数来播种数据库、生成示例记录、构建真实的 API mock 响应。可复现、长度可控的填充文本胜过往每一行测试数据里手敲假值。

生成器的工作原理

词汇与句子构造

文本由经典的约 180 词 Lorem 词汇组装而成。一个句子是 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 输出保存进你的项目，让相同的填充文本与你的测试一起纳入版本控制。

常见问题