跳至正文

Lorem Ipsum 產生器

為設計與開發產生虛擬文字的免費線上工具。

About Lorem Ipsum

Lorem Ipsum is placeholder text commonly used in graphic design, publishing, and web development to demonstrate the visual form of a document without relying on meaningful content.

Common Use Cases

  • Website mockups and prototypes
  • Design presentations
  • Template development
  • Content layout testing
  • Typography demonstrations

主要功能​

  • 3 種單位: 單字、句子、段落
  • Lorem ipsum 開頭: 傳統開頭文句選項
  • HTML 標籤: 使用 <p> 或 <div> 標籤包裝
  • 彈性數量: 產生 1-100 個
  • 即時複製: 立即複製產生的文字

什麼是 Lorem Ipsum？​

Lorem Ipsum 是自 1500 年代以來使用的標準虛擬文字。它讓您能夠專注於設計的視覺形式,而不受實際內容的干擾。

原文​

Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

歷史​

  • 起源: 西塞羅的「de Finibus Bonorum et Malorum」(西元前 45 年)
  • 變形: 1500 年代印刷業者為樣本進行變形
  • 標準化: 1960 年代透過 Letraset 印刷轉印紙普及化

產生單位​

單字 (Words)​

# 10 個單字
Lorem ipsum dolor sit amet consectetur adipiscing elit sed do

用途: 標題、按鈕文字、簡短標籤

句子 (Sentences)​

# 3 個句子
Lorem ipsum dolor sit amet. Consectetur adipiscing elit sed do.
Eiusmod tempor incididunt ut labore et dolore magna.

用途: 說明文字、標題、中等長度文字

段落 (Paragraphs)​

# 2 個段落
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do
eiusmod tempor incididunt ut labore. Magna aliqua enim ad minim.

Veniam quis nostrud exercitation ullamco. Laboris nisi aliquip ex
ea commodo. Duis aute irure dolor in reprehenderit.

用途: 內文、長內容、版面配置測試

HTML 標籤選項​

<p> 標籤​

<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>

<p>Sed do eiusmod tempor incididunt ut labore et dolore.</p>

<p>Magna aliqua enim ad minim veniam quis nostrud.</p>

用途: 部落格、文章、一般文件

<div> 標籤​

<div>Lorem ipsum dolor sit amet consectetur adipiscing elit.</div>

<div>Sed do eiusmod tempor incididunt ut labore et dolore.</div>

<div>Magna aliqua enim ad minim veniam quis nostrud.</div>

用途: 版面配置元件、卡片、區塊

使用案例​

1. 網站模擬圖​

<article>
  <h1>Article Title</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
  <p>Sed do eiusmod tempor incididunt ut labore et dolore...</p>
</article>

2. UI 原型​

// React 元件
function Card() {
  return (
    <div className="card">
      <h3>Card Title</h3>
      <p>Lorem ipsum dolor sit amet...</p>
      <button>Read More</button>
    </div>
  );
}

3. 設計範本​

.hero-section {
  /* 使用 Lorem ipsum 確認文字長度 */
}

.paragraph {
  /* 使用多個段落測試版面配置 */
}

4. 電子郵件範本​

<table>
  <tr>
    <td>
      <h2>Newsletter Title</h2>
      <p>Lorem ipsum dolor sit amet...</p>
    </td>
  </tr>
</table>

5. 印刷版面配置​

報紙版面配置、雜誌設計、宣傳冊等
用於確認文字空間

程式設計範例​

JavaScript​

const words = ['lorem', 'ipsum', 'dolor', 'sit', 'amet',
               'consectetur', 'adipiscing', 'elit'];

function generateWords(count) {
  const result = [];
  for (let i = 0; i < count; i++) {
    result.push(words[Math.floor(Math.random() * words.length)]);
  }
  return result.join(' ');
}

function generateSentences(count) {
  const sentences = [];
  for (let i = 0; i < count; i++) {
    const wordCount = Math.floor(Math.random() * 10) + 5;
    const sentence = generateWords(wordCount);
    sentences.push(sentence.charAt(0).toUpperCase() +
                   sentence.slice(1) + '.');
  }
  return sentences.join(' ');
}

function generateParagraphs(count) {
  const paragraphs = [];
  for (let i = 0; i < count; i++) {
    const sentenceCount = Math.floor(Math.random() * 4) + 3;
    paragraphs.push(generateSentences(sentenceCount));
  }
  return paragraphs.join('\n\n');
}

// 使用
console.log(generateWords(10));
console.log(generateSentences(3));
console.log(generateParagraphs(2));

Python​

import random

WORDS = ['lorem', 'ipsum', 'dolor', 'sit', 'amet',
         'consectetur', 'adipiscing', 'elit', 'sed', 'do']

def generate_words(count):
    return ' '.join(random.choice(WORDS) for _ in range(count))

def generate_sentences(count):
    sentences = []
    for _ in range(count):
        word_count = random.randint(5, 15)
        sentence = generate_words(word_count)
        sentences.append(sentence.capitalize() + '.')
    return ' '.join(sentences)

def generate_paragraphs(count):
    paragraphs = []
    for _ in range(count):
        sentence_count = random.randint(3, 7)
        paragraphs.append(generate_sentences(sentence_count))
    return '\n\n'.join(paragraphs)

# 使用
print(generate_words(10))
print(generate_sentences(3))
print(generate_paragraphs(2))

💬 這個工具對您有幫助嗎?​

如果您覺得這個 Lorem Ipsum 產生器實用,歡迎分享給需要的朋友!無論是設計模擬圖、UI 原型或文件測試,這個工具都能讓您的工作更有效率。

隱私保護​

此工具完全在瀏覽器本地端運行。所有產生的文字都不會傳送到伺服器,僅在您的瀏覽器中處理,確保您的資料安全。

相關工具​