เครื่องสร้างข้อความ Lorem

สร้างข้อความตัวยึด Lorem Ipsum รองรับจำนวนย่อหน้า คำ หรือตัวอักษรที่กำหนดเอง มีตัวเลือกประโยคเริ่มต้น เหมาะสำหรับการทดสอบเลย์เอาต์ การเติมต้นแบบ และตัวยึดเนื้อหา

วิธีใช้งาน

🚀 เริ่มต้นอย่างรวดเร็ว

เลือกประเภทการสร้าง: ตามย่อหน้า คำ หรือจำนวนอักขระ เพื่อให้เหมาะกับ placeholder แต่ละแบบ
กำหนดจำนวน: ระบุจำนวนย่อหน้า/คำ/อักขระตามประเภทที่เลือก
ตั้งค่าข้อความเริ่มต้น: เลือกว่าจะเริ่มด้วย ‘Lorem ipsum’ ตามธรรมเนียมหรือไม่
คลิก ‘สร้างข้อความ’ เพื่อสร้างข้อความ จากนั้นคัดลอกไปยังคลิปบอร์ดหรือแทนที่ข้อความตัวอย่างในดีไซน์

📌 สถานการณ์การใช้งานทั่วไป

Wireframe และสไตล์: เติมเนื้อหาอย่างรวดเร็วเมื่อยังไม่มีข้อความจริง ใช้ตรวจขนาดฟอนต์ ระยะบรรทัด สี และคอนทราสต์
เดโมคอมโพเนนต์: ใช้แทนข้อความจริงในเอกสาร/Storybook เพื่อโฟกัสที่สไตล์และอินเทอร์แอกชัน
ส่งออกม็อกอัป: รักษาโครงเลย์เอาต์ให้ครบเมื่อส่งออกภาพหรือโปรโตไทป์

🎛️ พารามิเตอร์การสร้างและความอ่านง่าย

โหมดย่อหน้า: สร้างหลายย่อหน้า เหมาะกับการตรวจเลย์เอาต์ ระยะบรรทัด และ line-height
โหมดคำ: เหมาะสำหรับ placeholder สั้น ๆ เช่น ปุ่มหรือ label
โหมดอักขระ: ใช้ในกรณีที่จำกัดความยาวเข้มงวด เช่น ตัวอย่างอินพุตหรือข้อจำกัดความยาว
ตัวเลือก ‘เริ่มด้วย Lorem ipsum’: เมื่อเปิดใช้งาน ย่อหน้าแรกจะเริ่มด้วยประโยคคลาสสิก; หากปิดจะเริ่มด้วยตำแหน่งสุ่มเพื่อดูผลบรรทัดแรกแบบอื่น ๆ
ช่วงค่า: จำนวนย่อหน้า 1–10 จำนวนคำ 1–200 จำนวนอักขระ 1–1000

🧭 คำแนะนำการใช้งาน

ระบุให้ชัดว่าเป็น placeholder: ติดป้ายหรือเขียนกำกับใน comps/PR เพื่อไม่ให้เข้าใจผิดว่าเป็นข้อความจริง
ควบคุมความยาว: ปรับจำนวนย่อหน้า/คำ/อักขระให้พอดีกับพื้นที่เพื่อหลีกเลี่ยงข้อความล้นหรือล้นขาว
ความสอดคล้องของภาษา: สำหรับ UI หลายภาษา ควรใช้ placeholder ที่ใกล้เคียงภาษาของ UI หรือคำสุ่มสั้น ๆ แทนตัวอักษรละตินยาว ๆ
การเข้าถึง: ตรวจสอบให้แน่ใจว่าคอนทราสต์ ขนาดฟอนต์ และ line-height อ่านง่ายแม้เป็นข้อความตัวอย่าง

⚠️ ข้อจำกัดและความเข้ากันได้

ไม่มีความหมาย: ข้อความ lorem เป็นเพียงตัวอย่าง ห้ามนำไปใช้เป็นเนื้อหาจริงใน production
ความต่างด้าน i18n: ตัวอักษรละตินอาจตัดคำ/ขึ้นบรรทัดไม่เหมือนภาษาใช้งานจริงในบางฟอนต์
ความสุ่ม: ผลลัพธ์เป็นการสุ่มเชิงสมจริง อาจไม่สามารถสร้างซ้ำได้เหมือนเดิมทุกครั้ง

🔒 ความเป็นส่วนตัวและความปลอดภัย

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อมูลจะไม่ออกจากอุปกรณ์

❓ คำถามที่พบบ่อย

Lorem Ipsum คืออะไร?

Lorem Ipsum คือข้อความตัวอย่างคลาสสิกที่ใช้เติมพื้นที่เนื้อหาในระหว่างออกแบบและพัฒนา เพื่อจำลองโครงสร้างย่อหน้าและเลย์เอาต์โดยไม่ใช้ข้อความจริง

ทำไมข้อความถึงมีลักษณะเป็นภาษาละติน?

มีที่มาจากประวัติศาสตร์เพื่อให้ผู้อ่านไม่โฟกัสที่ความหมาย แต่เน้นที่ตัวพิมพ์และเลย์เอาต์ หากต้องการสามารถใช้คำสุ่มหรือภาษาจริงแทนได้

จำเป็นต้องเริ่มด้วย ‘Lorem ipsum’ หรือไม่?

ไม่จำเป็น การเปิดตัวเลือกนี้เป็นเพียงการทำตามธรรมเนียม หากปิดจะช่วยให้เห็นรูปแบบบรรทัดแรกแบบอื่น ๆ

จะป้องกันไม่ให้ข้อความ placeholder หลุดไปถึง production ได้อย่างไร?

ควรระบุให้ชัดในดีไซน์/รีวิว PR และเพิ่มขั้นตอนตรวจ placeholder ใน flow การปล่อย