ตัวแปลง kebab-case
วางข้อความแล้วแปลงเป็น kebab-case — สำหรับ slug ของ URL, คลาส CSS และชื่อไฟล์ ทำงานในเบราว์เซอร์ของคุณ
ผลลัพธ์
วิธีแยกคำ
ระบบจะแยกอินพุตตามขอบเขต camelCase/PascalCase (ตัวพิมพ์เล็กหรือตัวเลขตามด้วยตัวพิมพ์ใหญ่) และตามเครื่องหมายวรรคตอนหรือเว้นวรรคทุกชนิด — ดังนั้น «my-var_name», «myVarName» และ «my var name» จะแปลงเหมือนกันหมด ตัวเลขจะติดกับคำก่อนหน้าเสมอ (userID42 → user, id42) และจะไม่แยกเป็นคำใหม่ของตัวเอง
ข้อจำกัดของตัวย่อ — อ่านก่อนแปลงชื่อ API
ตัวอักษรพิมพ์ใหญ่ที่ติดกันเป็นชุด (ตัวย่ออย่าง HTTP, XML, ID) จะไม่ถูกแยกออกจากคำถัดไป — getHTTPResponse จะแปลงเป็น get_httpresponse ไม่ใช่ get_http_response; XMLParser จะแปลงเป็น xmlparser ไม่ใช่ xml_parser ข้อจำกัดนี้เป็นเรื่องจริงที่ยืนยันได้ของกฎขอบเขต (ตัวพิมพ์เล็ก/ตัวเลข → ตัวพิมพ์ใหญ่) ไม่ใช่บั๊กที่เกิดขึ้นนาน ๆ ครั้ง — ถ้าต้องการแยกตัวย่อทีละตัว ให้ใส่ตัวคั่นเอง (getHTTP_Response) ก่อนแปลง
ใช้งานเสร็จแล้ว
ข้อความที่แปลงจะแสดงในกล่องผลลัพธ์แบบสด ๆ ขณะที่คุณพิมพ์ — คัดลอกได้เลย หรือใช้ Download หากเบราว์เซอร์รองรับ ไม่มีการเก็บประวัติการแปลง; รีเฟรชหน้าแล้วทั้งสองกล่องจะถูกล้าง
kebab-case คืออะไร?
kebab-case คือการเชื่อมคำด้วยเครื่องหมายขีดกลาง และใช้ตัวพิมพ์เล็กทั้งหมด: "user profile page" จะกลายเป็น "user-profile-page" เป็นรูปแบบมาตรฐานสำหรับ slug ของ URL ชื่อคลาส CSS และแอตทริบิวต์ HTML
เหมือนตัวสร้าง URL slug ไหม?
โดยหลักคือใช่ — ผลลัพธ์แบบ kebab-case คือ URL slug ที่เรียบร้อย เครื่องหมายกำกับเสียงยังคงอยู่ตามที่พิมพ์; ถ้าต้องการ slug แบบ ASCII ล้วน ให้แปลงเป็นตัวพิมพ์เล็กควบคู่กัน
ข้อความที่แปลงแล้วใช้เป็นโค้ดได้เสมอไหม?
ไม่ได้ — นี่เป็นการแปลงรูปแบบข้อความธรรมดา ไม่ใช่ตัวแยกวิเคราะห์กฎการตั้งชื่อของภาษาใดภาษาหนึ่งโดยเฉพาะ (คำสงวน อักขระที่อนุญาต ฯลฯ ยังต้องเป็นไปตามนั้น) ควรตรวจสอบกฎการตั้งชื่อของภาษาที่ใช้ก่อนนำชื่อที่แปลงแล้วไปใช้เป็น identifier จริง