CodeKitHubCông Cụ Này Là Gì?
Bộ chuyển đổi kiểu chữ thay đổi cách viết hoa/thường của văn bản. Người viết dùng nó để sửa những đoạn văn bản vô tình gõ bằng caps-lock, áp dụng Title Case đúng chuẩn cho tiêu đề, hoặc chuẩn hóa văn bản đã sao chép. Title Case ở đây tuân theo quy ước biên tập tiếng Anh: các từ nhỏ như "of", "and", "the" giữ chữ thường trừ khi chúng đứng đầu hoặc cuối tiêu đề.
Với lập trình viên, công cụ chuyển đổi các kiểu đặt tên định danh: camelCase (biến JavaScript), PascalCase (tên class), snake_case (Python), và kebab-case (URL và CSS). Nó tách từ dựa trên dấu cách, gạch dưới, gạch nối và các chữ hoa sẵn có, nên có thể chuyển trực tiếp giữa hai kiểu bất kỳ.
Tại Sao Nên Dùng?
- Tám kiểu chữ trong một trang — kiểu văn xuôi và kiểu lập trình cùng một chỗ.
- Title Case theo chuẩn biên tập giữ các từ nhỏ (a, of, the) viết thường, giống tiêu đề báo chí thật.
- Chuyển đổi trực tiếp giữa các kiểu định danh: camelCase → snake_case chỉ với một cú nhấp.
- Sửa lỗi gõ nhầm caps-lock mà không cần gõ lại.
- Miễn phí, tức thì, không cần tải lên.
Cách Sử Dụng
- Dán hoặc gõ văn bản của bạn vào ô nhập liệu.
- Nhấn vào kiểu chữ bạn muốn.
- Kết quả xuất hiện trong ô kết quả bên dưới.
- Nhấn "Copy" để sử dụng.
Ví dụ
Đầu vào
the quick brown foxĐầu ra
Title Case: The Quick Brown Fox
camelCase: theQuickBrownFox
snake_case: the_quick_brown_foxLưu ý Title Case theo chuẩn biên tập chỉ viết hoa "the" khi nó ở vị trí đầu tiên.
Nên dùng kiểu chữ nào?
| Kiểu chữ | Dùng cho |
|---|---|
| camelCase | Tên biến và hàm trong JavaScript/Java/TypeScript |
| PascalCase | Tên class và component trong hầu hết ngôn ngữ (component React, class C#) |
| snake_case | Biến/hàm trong Python và Ruby, tên cột cơ sở dữ liệu |
| kebab-case | Slug URL, tên class CSS, thuộc tính HTML, tên file, tên nhánh Git |
| Title Case | Tiêu đề báo, tên sách/bài viết — các từ nhỏ như "of", "the" giữ chữ thường |
| Sentence case | Nhãn nút và văn bản giao diện trong các hệ thống thiết kế hiện đại (Material Design, Fluent UI) |
Mẹo thực tế
- Đang chuyển phản hồi API từ Python sang frontend JavaScript? Dán tên trường snake_case và chuyển sang camelCase trong một lần — nhanh hơn và ít lỗi hơn so với đổi tên từng khóa thủ công.
- Slug URL và tên class CSS cần kebab-case. Dán trực tiếp tiêu đề trang thay vì tự thay dấu cách bằng gạch nối và viết thường thủ công.
- Tên nhánh Git và tag image Docker theo cùng quy ước kebab-case như URL — "Fix Login Bug" trở thành fix-login-bug chỉ với cùng một cú nhấp.
- Cột cơ sở dữ liệu và hầu hết hướng dẫn phong cách SQL dùng snake_case; chuyển đổi các tiêu đề Title Case từ tài liệu đặc tả tránh được lỗi gõ sai khi gõ lại thủ công mười lăm tên trường.
- Sentence case, không phải Title Case, mới là chuẩn hiện nay cho nút và nhãn giao diện trong Material Design và Fluent UI — Title Case trên một nút giờ đây trông lỗi thời ngoài phạm vi tiêu đề báo và tên sách.
Công cụ này phù hợp ở đâu trong công việc thực tế
Chuyển đổi kiểu chữ thường chỉ là một bước trong quá trình dọn dẹp lớn hơn: lấy một danh sách định danh hoặc tiêu đề lộn xộn từ bảng tính hoặc tài liệu API, sửa kiểu chữ ở đây, rồi loại bỏ các dòng trống thừa hoặc khoảng trắng kép còn sót lại từ file PDF hay email — chỉ chuyển kiểu chữ thôi sẽ không sửa được vấn đề khoảng trắng.
Biến tiêu đề bài blog thành slug URL chỉ cần tối đa hai công cụ: chuyển tiêu đề sang kebab-case ở đây, rồi mã hóa phần trăm (percent-encode) chỉ khi nó chứa ký tự ngoài ASCII hoặc ký hiệu. Tiêu đề tiếng Anh thông thường đã là slug hợp lệ chỉ sau bước chuyển đổi kiểu chữ.
Câu Hỏi Thường Gặp
Sự khác biệt giữa Title Case và Sentence case là gì?
Title Case viết hoa mọi từ chính (dùng cho tiêu đề báo và tên sách); Sentence case chỉ viết hoa từ đầu tiên của mỗi câu (dùng cho văn xuôi thông thường và hầu hết văn bản giao diện hiện đại).
Những từ nào giữ chữ thường trong Title Case?
Các từ chức năng ngắn: mạo từ (a, an, the), liên từ ngắn (and, but, or) và giới từ ngắn (of, in, to, at…) — trừ khi chúng là từ đầu tiên hoặc cuối cùng. Đây là quy tắc được các ấn phẩm lớn áp dụng.
Khi nào tôi nên dùng camelCase thay vì snake_case?
Hãy theo quy ước của ngôn ngữ lập trình bạn dùng: camelCase cho biến trong JavaScript/Java, PascalCase cho tên class trong hầu hết các ngôn ngữ, snake_case cho Python và Ruby, kebab-case cho URL, class CSS và tên file.
Công cụ có thể chuyển trực tiếp camelCase sang snake_case không?
Có. Bộ chuyển đổi nhận diện các chữ hoa sẵn có làm ranh giới từ, nên myVariableName → my_variable_name chỉ cần một cú nhấp — hữu ích khi chuyển code giữa các ngôn ngữ khác nhau.
Công cụ có hoạt động với văn bản không phải tiếng Anh không?
Việc chuyển đổi kiểu chữ áp dụng cho các bảng chữ cái có phân biệt hoa/thường (Latin, Cyrillic, Hy Lạp). Chữ Hán và tiếng Nhật không có khái niệm hoa/thường nên được giữ nguyên — văn bản pha trộn ngôn ngữ vẫn an toàn.