关于 Lorem Ipsum 占位文本生成
Lorem Ipsum 生成器按词、句或段落生成占位文本,取自经典的 64 词拉丁语词表,并提供一个让开头固定下来的开关。它是用来测试容器的填充物,不是用来填满页面的正文。
伪拉丁的词长和字母分布接近西欧语言的散文,换行位置和右侧参差看起来都很真实,同时又足够读不懂,没人会在版面评审上开始改它的措辞。而这条优点也正是代价:填充文本掩盖了「页面到底要说什么」,一套按长度均匀的拉丁词调好的版面,往往在第一次遇到德语复合词、超长 URL,或中间没有空格可断的中文串时就垮掉。
如何使用这个开发者工具
- 选择单位:测标签和截断用「词」,测标题和列表行用「句」,测正文用「段」。
- 设置数量,所选单位 1 到 100 之间;想要确定的开头就保持「经典开头」开启。
- 生成后粘进原型,分别在你支持的最窄和最宽断点下查看效果。
- 多生成几次。每次抽取的词都不同,这能暴露只在某一个特定长度下才成立的版面。
- 交付前标记出每一处占位文本的位置,别让任何一处溜进生产环境。
实例:开启经典开头,生成 20 个词
单位选「词」且开启经典开头时,输出是确定的:前若干个词按词表顺序取出,其余的每一次抽取都是随机的。
单位 词
数量 20
经典开头 开启lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim词模式输出的是小写单词,不带标点也不带结尾句号——它提供的是词料而不是句子。另外第 20 个词是 enim 而不是 ut,因为词表里是 64 个互不相同的词,而经典段落本身重复使用了其中几个。
每种设置实际会产出多少文本
下列尺寸按本工具自己的词表和造句规则测得,可以让你在生成之前就判断某个设置会给出多少文字。
| 单位 | 一个条目是 | 大致体量 | 适合测试 |
|---|---|---|---|
| 词 | 一个小写单词,用空格连接 | 每个词 2 到 13 个字符 | 标签、标记、截断与省略号 |
| 句 | 8 到 15 个词,首字母大写,以句号结尾 | 55 到 105 个字符 | 标题、卡片标题、表格单元格、提示气泡 |
| 段 | 4 到 6 个句子,段间用空行分隔 | 300 到 650 个字符 | 正文、行高、每行字数、溢出 |
| 词表 | 64 个互不相同的拉丁词 | 平均词长接近英文 | 仅在拉丁字母下检验参差与折行 |
| 数量 | 所选单位的 1 到 100 个 | 最多可达数万字符 | 长文档、滚动、列表虚拟化 |
常见问题排查
占位文本上线了。
成因 填充文本没有归属人也没有对应的任务,留在那里不会让任何流程失败。它之所以能混过评审,恰恰是因为它看起来像内容。
解决办法 给每一处占位加上 TODO-COPY 这样的哨兵前缀,让构建期的 grep 据此让流水线失败;只有真实文案落地时才允许删掉哨兵。
用占位文本时正常的版面,换成真实文案就崩了。
成因 拉丁词又短又均匀。真实内容里有长复合词、URL、不允许折行的产品名,还有词间不留空格的书写系统。
解决办法 用该字段允许的最长字符串、一个德语复合词、一段中文样本各测一遍。可以在文本工作台里拼出这些串并作为夹具保存。
生成的每个句子都以同一个词开头。
成因 造句逻辑把第一个位置固定取自词表开头,其余位置随机,因此无论开关状态如何,每个句子都以 Lorem 起头。
解决办法 截图需要多样性时手工改掉每句的首词。纯做版面时这种重复无害,反而让两次生成之间的差异更容易看清。
原型里文字溢出了,设计稿里却不会。
成因 设计稿只按一个文本长度画过,而生成的填充文本每次都不同,因此一张截图证明不了最坏情况。
解决办法 有意识地测两端:一个词,以及该字段允许的最大数量。两端都撑得住的组件,也就撑得住之后真正到来的文案。
适合用这个工具的场景
- 在文案尚未产出时填满原型,以便先判断间距、行高和每行字数。
- 在固定栏宽下压力测试溢出、截断和折行行为。
- 为种子脚本或列表虚拟化测试批量生成行数据。
- 让设计评审聚焦在版面上,而不是争论一份还没人拍板的措辞。
应该换用别的工具的场景
- 测试非拉丁文字的排版。这套词表只有 ASCII 字符,无法检验字体回退、字形整形和中日韩断行;请在文本工作台里准备真实样本。
- 生成唯一键或测试标识符。词会自由重复,冲突是必然的——请用 UUID 生成器。
- 任何对外发布的内容。线上页面里的填充文本不携带信息,读者、屏幕阅读器和搜索引擎都会把它当作缺陷。
隐私与数据处理
生成过程不需要任何输入,也不发起网络请求。词语来自打包在页面里的词表,用浏览器的密码学随机源抽取,结果不会离开当前标签页。这里没有敏感内容需要保护;真正的风险在反方向上,也就是占位文本跑进了已发布的页面。
相关开发者工具
常见问题
为什么用拉丁文而不是随机英文?
伪拉丁在形态上可读、在语义上不可读,评审者因此会去看版面而不是措辞。随机英文会诱使人开始修改那些本来就不打算表达什么的句子。
「经典开头」开关改变了什么?
打开时输出从词表开头按顺序取词,因此同样的设置每次都给出同样的前几个词。不同批次的截图由此具备可比性,视觉差异反映的是版面变化而不是文字变化。
随机性有多强?
词语使用浏览器的密码学随机源配合拒绝采样抽取,每个词出现的概率完全相等。对占位文本而言这远超需要,但它确实意味着两个人同时生成也会得到不同结果。
能直接生成 HTML 标记吗?
不能。输出是纯文本,段落之间用空行分隔。请自行套上你的元素;想快速看到带结构的渲染效果,可以把它粘进 Markdown 预览工具。
占位文本会造成无障碍问题吗?
在线上页面里会。屏幕阅读器会把它当作一串没有意义的词读出来,用户无从分辨它和真实内容的区别,依赖标题导航的人也一无所获。在丢弃型原型里则无妨。
多少词才算一个真实的段落?
英文正文段落通常在 40 到 80 词之间。这里的段落单位由 4 到 6 个句子、每句 8 到 15 词组成,正好落在这个区间。