Lorem Ipsum 生成器

按段落、句子或單詞生成 Lorem Ipsum 佔位文本,可選 HTML 段落標籤與經典開頭句,即時統計字數與字元數,完全在瀏覽器中執行。

看起來像正文,卻不會被人讀進去的填充文字。 選擇生成段落、句子還是單詞,設定數量,直接把結果粘進設計稿。開啟 HTML 選項可為每段套上段落標籤;保留經典開頭句,可以讓人一眼看出這是佔位內容。

設計師為什麼仍在使用這段拉丁亂文

比網頁更古老的排版習慣

這段文字最初來自西塞羅西元前 45 年的《善惡之盡》,16 世紀某位排字工把它打亂做成了字型樣張,被打亂的版本反而流傳了下來。此後它經由 Letraset 轉印紙、桌面排版軟體一路進入網頁,對任何用過排版工具的人來說都不陌生。

它能存活下來不是因為懷舊。這段文字的字母分佈和詞長節奏與英語等拉丁字母語言足夠接近,一段文字佔據的空間是可信的;同時它對任何掃一眼螢幕的人來說都毫無意義。這兩點結合起來,刻意去複製反而相當困難。

佔位文本首先是一種評審工具

使用無意義文本的真正理由,是保護評審過程。把一段成稿文案放進未完成的版式裡,討論會在幾分鐘內滑向措辭本身,沒有人再去評價行長、垂直節奏,或者標題與圖片的碰撞——因為文字比網格有趣得多。

無意義的文本消除了這種干擾,評審者看到的是形狀、字重和間距,而這正是版式評審應當評估的內容。它還能暴露真實文案掩蓋的結構假設:一張按九個字的短標題設計的卡片,塞進四十個字就會明顯破版,而佔位文本讓這種失敗在上線前就顯現出來。

什麼時候不該用它

只要內容的形態本身承載著含義,佔位文本就是糟糕的替身。價目表、導航標籤、表單報錯和空狀態都需要真實字串,因為它們的職責就是被快速而準確地讀懂。用拉丁文填充它們,只會得到一個看起來完成、真實內容一到就崩潰的設計。

臨近上線時它也是實實在在的風險。Lorem Ipsum 被髮布到線上是反覆出現的事故,會被搜尋引擎收錄、被使用者截圖。好在它的詞彙非常好認:在 CI 裡檢索模板中的 "lorem" 並讓構建失敗即可。請把生成的文字當作有拆除期限的腳手架,而不是內容。

開源說明:使用原生 JavaScript 實現,不依賴第三方庫。

常見問題

Lorem Ipsum 是真正的拉丁語嗎?
並不完全是。它源自西塞羅的文本,但幾個世紀前就被刻意打亂,因此詞形像拉丁語,整段卻沒有任何含義。
為什麼不直接重複"文字文字文字"?
重複詞會產生不自然的詞長和折行,你評審的版式和最終上線的並不一致。變化的填充文本更接近真實正文。
應該生成多少?
按真實內容的篇幅來定,而不是把空間填滿。如果線上這個欄位大約四十個詞,就生成四十個詞,而不是一整頁。
HTML 選項有什麼作用?
它會為每一段套上段落標籤,你可以直接貼上進模板或 CMS 富文本框,不必再手工補標籤。
為什麼開頭總是同一句?
經典開頭能讓評審者一眼認出這是佔位內容。如果需要完全隨機的段落,關掉這個選項即可。
佔位文本上線會影響 SEO 嗎?
會。它把抓取預算浪費在無意義內容上,也讓訪客覺得頁面沒做完。建議在 CI 中檢查 "lorem" 一詞,讓構建在上線前失敗。