Cách dùng

1. Chọn một loại nội dung từ danh sách thả xuống (Lorem Ipsum, tên, email, v.v.).
2. Chọn số lượng (1 đến 100 mục) cần tạo.
3. Nhấp Tạo để tạo nội dung giả.
4. Sao chép đầu ra hoặc tải xuống dưới dạng .txt hoặc .json cho dự án của bạn.

Câu hỏi thường gặp

Lorem Ipsum là gì?

Lorem Ipsum là văn bản giả được sử dụng làm nội dung điền chỗ trong các mockup và prototype thiết kế. Phân bố từ của nó tự nhiên, giống tiếng Anh, nhưng không chứa ý nghĩa thực sự.

Email và tên được tạo có phải thật không?

Không. Mọi nội dung đều được tạo ngẫu nhiên chỉ phục vụ mục đích thiết kế. Không bao giờ sử dụng dữ liệu này trong sản xuất và không bao giờ gửi tin nhắn đến các địa chỉ email được tạo.

Tôi có thể sử dụng nội dung này trong các dự án của mình không?

Có. Nội dung điền chỗ này hoàn hảo cho mockup, prototype và kiểm thử. Tuy nhiên, hãy thay thế bằng nội dung thật trước khi xuất bản hoặc đưa vào sản xuất.

Lorem Ipsum: từ Cicero đến wireframe của bạn

«Lorem ipsum dolor sit amet, consectetur adipiscing elit…» (văn bản Latin placeholder mà mọi người trong ngành thiết kế đã gõ ít nhất một lần) không phải vô nghĩa. Đây là đoạn trích bị làm hỏng từ De finibus bonorum et malorum («Bàn về Mục tiêu của Điều Tốt và Điều Xấu»), một luận văn về đạo đức bằng tiếng Latin của nhà chính khách La Mã Marcus Tullius Cicero vào khoảng năm 45 TCN. Đoạn văn gốc mở đầu bằng «Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit…», đại loại là «Không ai yêu thích chính cơn đau chỉ vì nó là đau.»

Học giả Latin Richard McClintock của Cao đẳng Hampden-Sydney đã phổ biến câu chuyện nguồn gốc tiêu chuẩn vào những năm 1980: một nhà in thế kỷ 16 vô danh đã làm hỏng văn bản của Cicero bằng cách cắt bỏ phần đầu «do-» khỏi «dolorem,» để lại cụm từ mồ côi «Lorem ipsum dolor sit amet…» và dùng tiếng Latin vô nghĩa kết quả làm mẫu chữ. McClintock đã xác định nguồn gốc bằng cách truy tìm từ bất thường «consectetur» trong corpus của Cicero. Vì các từ Latin có phân bố nguyên âm-phụ âm tương tự tiếng Anh nhưng không có ý nghĩa ngữ nghĩa, chúng cho phép nhà in và khách hàng đánh giá kiểu chữ (vừa vặn, màu sắc, nhịp điệu) mà không bị nội dung phân tâm.

Cụm từ bước vào vốn từ thiết kế hiện đại thông qua Letraset, công ty chữ chuyển khô của Anh, vào những năm 1960 đã đưa tờ mẫu Lorem Ipsum vào bộ kit chữ rub-down của mình. Từ Letraset nó chuyển sang Aldus PageMaker vào giữa những năm 1980, rồi đến hầu hết mọi trình xử lý văn bản và phần mềm xuất bản tài liệu. Microsoft Word tạo ra nó qua hàm =lorem(); Adobe InDesign, Sketch, Figma và hầu hết công cụ thiết kế hiện đại đều tích hợp Lorem Ipsum sẵn dưới dạng placeholder.

Khi nào bạn cần nội dung placeholder

• Mockup trước khi nội dung hoàn chỉnh. Nhà thiết kế hoặc nhà phát triển cần bố cục trang hoặc thành phần trước khi bản sao cuối cùng được viết, ảnh được chụp, hoặc hình ảnh sản phẩm được giao. Nội dung placeholder lấp đầy khoảng trống để khoảng cách, nhịp điệu và cân bằng có thể được xác nhận.
• Kiểm tra form. Tên mẫu, email, số điện thoại và địa chỉ mang lại cảm giác thực tế cho mockup form và cho phép dữ liệu kiểm tra chạy qua logic xác thực mà không lộ PII thực.
• Điền CMS và template. Các hệ thống Headless CMS (Sanity, Contentful, Strapi, Ghost) và công cụ template email (Mailchimp, Litmus) thường dùng dữ liệu placeholder ở chế độ xem trước để editor thấy bố cục hoàn chỉnh trước khi nội dung cuối cùng được cung cấp.
• Seeding database cho phát triển. Vài trăm tên mẫu và địa chỉ email điền vào database dev cục bộ với dữ liệu trông thực tế nhưng rõ ràng là giả để thực hành truy vấn, tìm kiếm, sắp xếp và phân trang.
• Storybook và tài liệu thành phần. Thư viện thành phần và design system dùng Lorem Ipsum ở độ dài khác nhau để thể hiện cách thành phần xử lý văn bản ngắn, trung bình và dài.
• Kiểm tra bố cục A/B. So sánh hai ứng viên bố cục dễ hơn khi nội dung trung tính, bản sao thực có thể làm thiên vị đánh giá về bố cục nào tình cờ tâng bốc văn xuôi hơn.
• Mô phỏng dịch thuật. Lorem Ipsum dài hơn 30% so với ngôn ngữ nguồn là proxy nhanh cho sự mở rộng văn bản tiếng Đức hoặc tiếng Nga khi thiết kế UI cho triển khai quốc tế.
• QA email. Gửi email kiểm tra đến «Jordan Patel <jordan.patel@example.test>» cho phép bạn thực hành template mail-merge mà không có nguy cơ vô tình gửi đến người thực.

Các thay thế hiện đại cho Lorem Ipsum

Lorem Ipsum có những người chỉ trích. Một số nhà thiết kế cho rằng tiếng Latin vô nghĩa che giấu các vấn đề nội dung mà bản sao thực sẽ bộc lộ, một nút được gắn nhãn «Lorem ipsum» không thể cho bạn biết liệu call-to-action thực («Book a demo») có vừa không. Vì vậy đã xuất hiện một số thay thế:

• Bản sao thực mẫu: câu trả lời đơn giản nhất. Lấy một đoạn từ nguồn liên quan (một bài báo, mô tả sản phẩm của đối thủ) để văn bản có độ dài từ và giọng điệu hợp lý.
• Bacon Ipsum, Hipster Ipsum, Cupcake Ipsum và các generator theo chủ đề tương tự, có cùng thuộc tính phân bố từ như Lorem Ipsum, nhưng với vốn từ vựng tiếng Anh dễ đọc hơn khi nhìn lướt.
• Dữ liệu có cấu trúc được tạo ra (trường hợp sử dụng mà công cụ này đề cập nhiều nhất), thay vì các đoạn vô nghĩa, điền form với tên, email, số điện thoại và ngày tháng trông thực tế để kiểm tra các thành phần nhập liệu đúng cách.

Đối với hầu hết công việc wireframe và template, Lorem Ipsum vẫn là con đường ít kháng cự nhất, nó đã là quy ước lâu đến nỗi nhà thiết kế và nhà phát triển ngay lập tức nhận ra nó là «đây là placeholder, không phải bản sao cuối cùng.»

Lưu ý về email và địa chỉ trông thực tế

Các tên, địa chỉ email, số điện thoại và địa chỉ vật lý được tạo ra trên trang này được lắp ráp ngẫu nhiên và chỉ dành cho mục đích thiết kế và kiểm tra. Không ai trong số đó là thật, nhưng một số có thể trùng hợp với thông tin liên hệ của một người thực tế. Hai quy ước an toàn đáng tuân theo:

• Hãy dùng các tên miền dự trữ example.com / example.org / example.test cho bất kỳ địa chỉ email nào bạn định hiển thị trong ảnh chụp màn hình, chia sẻ công khai, hoặc commit vào mã nguồn. RFC 2606 dự trữ chúng đặc biệt làm tên miền mẫu được đảm bảo không phân giải thành bất cứ thứ gì. Địa chỉ email tại example.com không bao giờ có thể vô tình đến người nhận thực.
• Không bao giờ gửi thư thực đến địa chỉ được tạo ra. Ngay cả khi địa chỉ trông theo mẫu hợp lý, việc gửi tin nhắn thực đến nó có thể rơi vào hộp thư của người lạ nếu tên miền tình cờ tồn tại. Hệ thống thư kiểm tra nên luôn được cấu hình với địa chỉ sink (hộp thư đặc biệt bạn sở hữu) nuốt mọi thứ.

Logic tương tự cho số điện thoại: hầu hết các quốc gia dự trữ dải số cụ thể cho phim và TV được đảm bảo không gọi đến thuê bao thực. Ở Bắc Mỹ, bất kỳ số nào bắt đầu bằng 555-0100 đến 555-0199 đều được NANPA dự trữ cho mục đích hư cấu. UK Ofcom dự trữ dải 0xxx 496 0xxx cho mục đích tương tự. Các số được tạo từ công cụ này là ngẫu nhiên và có thể hoặc không nằm trong các dải đó; nếu bạn đang xuất bản chúng, hãy thay bằng số dự trữ.

Ghi chú về hệ sinh thái image-placeholder «lorem pixum»

Một hệ sinh thái dịch vụ placeholder hình ảnh riêng biệt nhưng liên quan đã phát triển cùng với Lorem Ipsum văn bản. Mẫu phổ biến là URL như <img src="https://placeholder.com/300x200"> trả về một hình chữ nhật có màu với kích thước được yêu cầu, phục vụ như một hình ảnh. Những người tiên phong bao gồm placeholder.com / placehold.it (thành lập năm 2007 bởi Brent Logan; thay thế bởi placehold.co khoảng năm 2022 sau khi cơ sở hạ tầng gốc trở nên không đáng tin cậy), Lorem Picsum (picsum.photos, ra mắt khoảng năm 2017, trả về ảnh thực được tuyển chọn ở bất kỳ kích thước nào), và danh sách dài các biến thể mới lạ (placekitten.com, placebear.com, fillmurray.com, placecage.com) hầu hết trong số đó đã offline trong khoảng 2020-2023 khi những người duy trì indie đóng cửa hoặc hóa đơn hosting đến hạn.

Các thay thế hiện đại đã chuyển sang kỹ thuật phía client: phần tử <canvas> được tô màu với màu sắc và văn bản kích thước xuất dưới dạng data URI mà không liên hệ bất kỳ máy chủ nào. SVG còn nhẹ hơn, vài trăm byte, có thể mở rộng, và nhúng trực tiếp trong HTML hoặc CSS. Các công cụ build-time như BlurHash (2019), ThumbHash (2023), và thư viện plaiceholder (2021) tính toán hash nhỏ của ảnh thực lúc build time, rồi render hash đó như bản xem trước độ trung thực thấp trong khi ảnh đầy đủ tải, giải quyết vấn đề «khoảng trống trước khi ảnh đến» thanh lịch hơn so với placeholder cố định.

Thêm câu hỏi

Tại sao là tiếng Latin mà không phải tiếng Anh?

Vì mục tiêu là tắt khả năng hiểu tự động của não. Văn bản placeholder tiếng Anh không thể nhìn vào mà không vô tình đọc nó, điều này làm thiên vị phán đoán về kiểu chữ của bạn (font đẹp nhất với nội dung khó xử đọc như xấu). Chất lượng hơi quen nhưng vô nghĩa của Lorem Ipsum cho phép mắt nhìn thấy hình dạng từ, độ dài dòng, leading và tracking mà không bị hiểu nội dung cản trở. Việc nó đã là quy ước từ những năm 1960 cũng giúp ích, khách hàng và các bên liên quan ngay lập tức nhận ra nó là «không phải bản sao cuối cùng.»

Các tên và email được tạo bởi công cụ này có an toàn để xuất bản không?

Hãy xem chúng như dữ liệu trông thực tế nhưng hoàn toàn ngẫu nhiên. Về mặt thống kê chúng có khả năng là hư cấu, nhưng một tên như «Sarah Johnson» hoặc email như «info@globalcorp.com» có thể trùng hợp với một người hoặc doanh nghiệp thực ở đâu đó trên thế giới. Đối với bất cứ thứ gì được xuất bản hoặc commit vào repo công khai, hãy ưu tiên các tên miền được IETF dự trữ example.com / example.org / example.test cho email (RFC 2606) và dải 555-0100-555-0199 được NANPA dự trữ cho số điện thoại Bắc Mỹ.

Định dạng nào tôi nên dùng để seed database?

Hãy dùng nút Download as .json để lấy nội dung được tạo ra dưới dạng mảng có cấu trúc; hầu hết các ORM (Prisma, Sequelize, ActiveRecord, Django) sẽ chấp nhận JSON trực tiếp làm đầu vào seed, và công cụ dòng lệnh như jq có thể chuyển đổi mảng thêm nếu bạn cần hình dạng khác. Đối với người dùng chỉ văn bản (template CSV, trình chỉnh sửa văn bản thuần), nút Download as .txt cung cấp file một-mục-mỗi-dòng.

Cùng nội dung có được tạo ra hai lần không?

Mỗi lần nhấp vào Generate chạy một lần ngẫu nhiên hóa mới, vì vậy hai lần tạo «10 tên» hầu như chắc chắn sẽ không khớp. Không có đầu vào seed trên công cụ này, nếu bạn cần dữ liệu kiểm tra xác định và có thể lặp lại (ví dụ: cho kiểm tra snapshot trong CI pipeline), hãy tạo một lần, lưu kết quả vào file, và nhập file đó trong kiểm tra của bạn thay vì tạo lại trực tiếp.

Có dữ liệu nào được gửi đến máy chủ không?

Không. Quá trình ngẫu nhiên hóa chạy trong trình duyệt của bạn dùng họ hàm JavaScript Math.random(). Không có gì về lựa chọn của bạn rời khỏi trang; file được tải xuống được tạo phía client và lưu trực tiếp vào thiết bị của bạn. Trang hoạt động offline sau khi đã tải.

Công cụ liên quan