Chuyển đến nội dung

Bộ chuyển đổi kiểu chữ

Bộ chuyển đổi kiểu chữ

Bộ chuyển đổi kiểu chữ giúp đổi văn bản sang camelCase, snake_case, kebab-case, PascalCase và các kiểu chữ chuẩn cho biến, CSS, API và cơ sở dữ liệu.

Bộ chuyển đổi kiểu chữ

Bắt đầu nhanh

1
Dán hoặc nhập văn bản cần chuyển đổi — các chữ không thuộc bảng Latin và emoji sẽ được giữ nguyên
2
Chọn định dạng đích trong nhóm Cơ bản, Lập trình hoặc Khác và xem kết quả tức thì
3
Nhấn vào thẻ định dạng để sao chép kết quả; các khối nhiều dòng sẽ được xử lý cùng lúc
4
Nhấn lần lượt nhiều thẻ định dạng để xâu chuỗi nhiều bước chuyển đổi trong một lần

Tình huống sử dụng phổ biến

Đặt tên biến/hàm

chuyển cụm từ sang camelCase/PascalCase/snake_case để chuẩn hóa phong cách

CSS/URL

ưu tiên kebab-case cho tên class và đường dẫn để dễ đọc hơn

Trường database/hằng số

chuyển sang snake_case hoặc CONSTANT_CASE để khớp convention

Tệp/đường dẫn

chuyển tên có dấu cách thành kebab-case hoặc path/case để thân thiện đa nền tảng

API/route

REST path nên thống nhất dạng kebab- hoặc snake-case; trường GraphQL nên giữ camelCase

Định dạng tài liệu

dùng Title Case cho tiêu đề; Sentence case cho câu mở đầu đoạn

Đổi tên hàng loạt

dán nhiều tên, chuyển đổi một lượt, rồi sao chép ngược lại

Trước code review

chuẩn hóa tên để giảm diff và tránh phải sửa lại nhiều lần

Tình huống bổ sung

công cụ kebab-case, định dạng PascalCase và công cụ đặt tên biến cũng có thể được xử lý trong cùng một luồng để bạn kiểm tra kết quả nhanh hơn trước khi sao chép hoặc xuất ra.

Tham chiếu định dạng

lowercase: hello world example
UPPERCASE: HELLO WORLD EXAMPLE
Capitalize: Hello world example
Title: Hello World Example
Sentence: Hello world example. Next sentence
camelCase: helloWorldExample
PascalCase: HelloWorldExample
snake_case: hello_world_example
kebab-case: hello-world-example
CONSTANT: HELLO_WORLD_EXAMPLE
dot.case: hello.world.example
path/case: hello/world/example
format_example_inverse
Đảo chữ hoa/thường: HELLO WORLD EXAMPLE → hello world example

Gợi ý sử dụng

Đặt tên frontend: PascalCase cho component/type, kebab-case cho class CSS và URL
Script backend: snake_case cho Python và trường database, camelCase hoặc UPPER_SNAKE cho biến Java/Go
Thiết kế API: giữ REST path nhất quán với kebab- hoặc snake-case; trường GraphQL duy trì camelCase

Giới hạn & khả năng tương thích

Để trang phản hồi mượt hơn, với văn bản rất dài nên tách nhỏ rồi chuyển đổi từng phần
Ký hiệu đặc biệt: các ký tự như @#$ sẽ được coi là dấu phân cách, phù hợp với kiểu đặt tên chọn
Chữ số: số được giữ nguyên; chỉ thêm dấu phân cách khi chữ số đứng sát chữ cái để tránh phá vỡ giá trị

Quyền riêng tư & bảo mật

Toàn bộ xử lý diễn ra trong trình duyệt; dữ liệu của bạn không rời khỏi thiết bị.

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

5

Tiếp tục bước tiếp theo với các công cụ liên quan này.