ข้ามไปที่เนื้อหา
โลโก้ CrateX.app

CrateX.app

แปลงรูปแบบตัวอักษร

แปลงรูปแบบตัวอักษร

แปลงรูปแบบตัวอักษรช่วยสลับข้อความเป็น camelCase, snake_case, kebab-case, PascalCase และรูปแบบตัวพิมพ์มาตรฐาน เหมาะกับตัวแปร CSS API และฐานข้อมูล
แปลงรูปแบบตัวอักษร

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

1
วางหรือพิมพ์ข้อความที่ต้องการแปลง ตัวอักษรที่ไม่ใช่ละตินและอีโมจิจะถูกเก็บไว้ตามเดิม
2
เลือกเป้าหมายรูปแบบจากหมวด “พื้นฐาน/เขียนโปรแกรม/อื่น ๆ” แล้วดูผลลัพธ์แบบเรียลไทม์
3
คลิกที่การ์ดรูปแบบเพื่อคัดลอกผลลัพธ์ รองรับการแปลงข้อความหลายบรรทัดพร้อมกัน
4
คลิกการ์ดรูปแบบหลายใบตามลำดับ เพื่อทำหลายรูปแบบการแปลงในครั้งเดียว

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

การตั้งชื่อตัวแปร/ฟังก์ชัน

แปลงวลีภาษาอังกฤษเป็น camelCase/PascalCase/snake_case เพื่อให้สไตล์สอดคล้องกัน

CSS/URL

แนะนำใช้ kebab-case กับ class และพาธเพื่อให้อ่านง่าย

ฟิลด์ฐานข้อมูล/ค่าคงที่

แปลงเป็น snake_case หรือ CONSTANT_CASE ให้ตรงกับมาตรฐานทีม

ไฟล์/เส้นทาง

เปลี่ยนชื่อที่มีช่องว่างเป็น kebab-case หรือ path/case เพื่อความเป็นมิตรกับหลายแพลตฟอร์ม

API/เส้นทาง

REST path ใช้ kebab/snake-case ส่วน GraphQL field นิยมใช้ camelCase

จัดรูปแบบเอกสาร

หัวข้อใช้ Title Case ประโยคเปิดย่อหน้าใช้ Sentence case

การเปลี่ยนชื่อชุดใหญ่

วางชื่อหลายบรรทัด แปลงทั้งหมด แล้วคัดลอกกลับไปใช้

ก่อนรีวิวโค้ด

ทำให้รูปแบบการตั้งชื่อสอดคล้องเพื่อลด diff และการแก้ไขซ้ำ

สถานการณ์เสริม

เครื่องมือ kebab-case, จัดรูปแบบ PascalCase และ เครื่องมือตั้งชื่อตัวแปร ก็จัดการในขั้นตอนเดียวกันได้ ช่วยตรวจผลลัพธ์ให้เร็วขึ้นก่อนคัดลอกหรือส่งออก

อ้างอิงรูปแบบ

ตัวพิมพ์เล็กทั้งหมด: hello world example
ตัวพิมพ์ใหญ่ทั้งหมด: HELLO WORLD EXAMPLE
ประโยคแรกตัวพิมพ์ใหญ่: Hello world example
Title: ตัวอย่างสวัสดีโลก
ประโยคแรกตัวพิมพ์ใหญ่: Hello world example. Next sentence
camelCase: helloWorldExample
PascalCase: HelloWorldExample
snake_case: hello_world_example
kebab-case: hello-world-example
CONSTANT_CASE: HELLO_WORLD_EXAMPLE
dot.case: hello.world.example
path/case: hello/world/example
format_example_inverse
สลับตัวพิมพ์ใหญ่/เล็ก: HELLO WORLD EXAMPLE → hello world example

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

การตั้งชื่อฝั่ง Frontend: ใช้ PascalCase สำหรับ component/ชนิดข้อมูล ใช้ kebab-case สำหรับ CSS class และ URL
สคริปต์ฝั่ง Backend: Python และฐานข้อมูลมักใช้ snake_case ตัวแปรใน Java/Go มักใช้ camelCase หรือ UPPER_SNAKE
ออกแบบ API: ควรรักษารูปแบบ REST path ให้คงที่ ส่วน GraphQL field ใช้ camelCase

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

เพื่อให้หน้าทำงานลื่นไหล ข้อความที่ยาวมากควรแบ่งเป็นส่วน ๆ ก่อนแปลง
สัญลักษณ์พิเศษ: ตัวอักษรอย่าง @#$ จะถูกมองเป็นตัวคั่น เช่น hello@world → hello_world ตามรูปแบบที่เลือก
ตัวเลข: ค่าตัวเลขจะถูกเก็บไว้ตามเดิม จะเพิ่มตัวคั่นเฉพาะตำแหน่งที่ตัวเลขติดกับตัวอักษรเพื่อไม่ให้ค่าเพี้ยน

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

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

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

5

ขั้นตอนถัดไปสามารถทำต่อด้วยเครื่องมือที่เกี่ยวข้องเหล่านี้