Công cụ định dạng
Định dạng, nén và kiểm tra mã nguồn, dữ liệu (JSON, XML, YAML, SQL, HTML, CSS) và đổi kiểu đặt tên
Làm đẹp, nén (minify) và kiểm tra JSON, XML, YAML, TOML, SQL, HTML, CSS, JavaScript, GraphQL và nhiều định dạng khác, đồng thời chuyển tên định danh giữa camelCase, snake_case, kebab-case và các kiểu đặt tên khác. Với dữ liệu API, hãy bắt đầu bằng công cụ định dạng JSON; dùng trình kiểm tra khi cần biết chính xác vị trí lỗi, và dùng công cụ nén trước khi phát hành file.
Số công cụ trong danh mục: 38
Nên bắt đầu từ đây
Tất cả công cụ trong danh mục
-
So sánh JSON
So sánh hai tài liệu JSON theo cấu trúc: xem giá trị được thêm, xóa và thay đổi theo JSONPath, bỏ qua thứ tự khóa và định dạng. Miễn phí, chạy trong trình duyệt.
-
Định dạng JSON
Định dạng và làm đẹp JSON với 2 dấu cách, 4 dấu cách hoặc tab, tùy chọn sắp xếp khóa, báo đúng dòng và cột của lỗi cú pháp. Chạy ngay trong trình duyệt.
-
Kiểm tra JSON
Kiểm tra JSON theo ngữ pháp RFC 8259, xem chính xác dòng, cột và lý do của mọi lỗi, kèm cảnh báo khóa trùng và thống kê cấu trúc dữ liệu.
-
Định dạng SQL
Định dạng truy vấn SQL cho 16 phương ngữ gồm MySQL, PostgreSQL, SQL Server, Oracle và BigQuery. Chọn kiểu chữ từ khóa và thụt lề. Chạy trong trình duyệt.
-
camelCase
Chuyển văn bản, tên dạng snake_case hoặc kebab-case sang camelCase. Xử lý đúng từ viết tắt, chữ số và chữ có dấu, chuyển từng dòng riêng. Miễn phí.
-
Làm đẹp mã nguồn
Làm đẹp mã ở 14 ngôn ngữ – JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, XML, YAML, GraphQL, Markdown, SQL, PHP và Python – ngay trong trình duyệt.
-
Rút gọn mã nguồn
Rút gọn JavaScript (Terser), CSS (CSSO), HTML, JSON hoặc XML trong một công cụ: chọn ngôn ngữ, dán mã và xem số byte tiết kiệm. Miễn phí, chạy trong trình duyệt.
-
CONSTANT_CASE
Chuyển camelCase hoặc văn bản thường sang CONSTANT_CASE (SCREAMING_SNAKE_CASE) cho hằng số và biến môi trường. Xử lý đúng từ viết tắt và chữ số.
-
Định dạng CSS
Làm đẹp CSS bằng Prettier: mỗi khai báo một dòng, khoảng cách nhất quán, 2 hoặc 4 dấu cách hay tab, media query lồng nhau gọn gàng. Chạy trong trình duyệt.
-
Rút gọn CSS
Rút gọn CSS bằng CSSO: xóa khoảng trắng và chú thích, rút ngắn màu và giá trị, gộp rule an toàn. Hiển thị số byte tiết kiệm. Miễn phí, chạy trong trình duyệt.
-
Kiểm tra CSS
Kiểm tra CSS tìm lỗi cú pháp, khối chưa đóng, thuộc tính không xác định và giá trị không hợp lệ theo ngữ pháp css-tree. Có dòng và cột cho mọi lỗi.
-
dot.case
Chuyển camelCase, snake_case hoặc văn bản thường sang dot.case: các từ viết thường nối bằng dấu chấm, dùng cho khóa cấu hình và khóa i18n. Xử lý từng dòng.
-
Định dạng GraphQL
Định dạng query, mutation, fragment và schema SDL của GraphQL bằng Prettier, giữ nguyên chú thích. Lỗi cú pháp hiển thị dòng và cột. Chạy trong trình duyệt.
-
Định dạng HTML
Làm đẹp HTML bằng Prettier: thụt lề nhất quán, mỗi phần tử một dòng, CSS và JavaScript nhúng cũng được định dạng. Chọn 2, 4 dấu cách hoặc tab.
-
Rút gọn HTML
Rút gọn HTML an toàn: xóa chú thích, gộp khoảng trắng và bỏ dấu cách quanh thẻ khối, trong khi pre, textarea, script và style được giữ nguyên.
-
Kiểm tra HTML
Kiểm tra cấu trúc HTML: thẻ chưa đóng, sai thứ tự hoặc thừa, id và thuộc tính trùng, ảnh thiếu alt, thiếu doctype, title hoặc lang. Chạy trong trình duyệt.
-
Rút gọn JavaScript
Rút gọn JavaScript bằng Terser: xóa khoảng trắng và chú thích, rút ngắn tên biến cục bộ và áp dụng các phép nén an toàn. Chạy ngay trong trình duyệt.
-
Rút gọn JSON
Rút gọn JSON bằng cách xóa mọi khoảng trắng thừa, vẫn giữ nguyên giá trị, thứ tự khóa và số lớn. Hiển thị dung lượng tiết kiệm. Chạy trong trình duyệt.
-
Tìm đường dẫn JSON
Liệt kê mọi đường dẫn trong tài liệu JSON theo cú pháp JSONPath, JavaScript hoặc jq, nhấp vào đường dẫn để xem giá trị, hoặc gõ đường dẫn để tra cứu.
-
Truy vấn JSON (JSONPath)
Truy vấn JSON bằng JSONPath: wildcard, tìm kiếm đệ quy, cắt mảng và biểu thức lọc như [?(@.price < 10)]. Kết quả cập nhật khi gõ. Không phải cú pháp jq.
-
Kiểm tra JSON Schema
Kiểm tra dữ liệu JSON theo JSON Schema (draft 2020-12, 2019-09 hoặc 07) bằng Ajv, có kiểm tra format. Mỗi lỗi hiển thị đường dẫn tới giá trị. Chạy trong trình duyệt.
-
kebab-case
Chuyển camelCase, snake_case hoặc văn bản thường sang kebab-case (dash-case) cho class CSS, URL và tên file. Xử lý từ viết tắt và chữ số theo từng dòng.
-
Chữ thường
Chuyển mọi văn bản thành chữ thường ngay lập tức theo quy tắc Unicode cho chữ có dấu, chữ Hy Lạp và Kirin. Ngắt dòng và dấu câu được giữ nguyên.
-
Định dạng cấu hình Nginx
Định dạng cấu hình nginx: mỗi directive một dòng, khối lồng nhau được thụt lề, giữ chú thích và chuỗi trong nháy. Phát hiện khối chưa đóng và thiếu dấu chấm phẩy.
-
PascalCase
Chuyển văn bản, snake_case hoặc kebab-case sang PascalCase (UpperCamelCase) cho tên class, kiểu và component. Xử lý từ viết tắt và chữ số theo từng dòng.
-
path/case
Chuyển camelCase, snake_case hoặc văn bản thường sang path/case: các từ viết thường nối bằng dấu gạch chéo cho thư mục, route và namespace. Xử lý từng dòng.
-
Định dạng PHP
Định dạng mã PHP bằng plugin PHP của Prettier: dấu ngoặc kiểu PSR-12, thụt lề và khoảng cách nhất quán. Hỗ trợ cú pháp đến PHP 8.4, chạy trong trình duyệt.
-
Định dạng Python
Định dạng mã Python bằng Ruff, công cụ tương thích Black được biên dịch sang WebAssembly. Chọn thụt lề và kiểu dấu nháy; lỗi cú pháp hiển thị dòng và cột.
-
Viết hoa đầu câu
Chuyển văn bản sang kiểu viết hoa đầu câu: chữ cái đầu mỗi câu viết hoa, phần còn lại viết thường, giữ từ viết tắt như NASA. Cũng tách được định danh.
-
snake_case
Chuyển camelCase, PascalCase, kebab-case hoặc văn bản thường sang snake_case. Tách đúng từ viết tắt như XMLHttpRequest và giữ chữ số. Xử lý từng dòng riêng.
-
Escape chuỗi SQL
Escape văn bản để đặt trong chuỗi SQL dùng nháy đơn: nhân đôi dấu nháy (SQL chuẩn) hoặc dùng escape bằng dấu gạch chéo ngược của MySQL. Tùy chọn bọc trong dấu nháy.
-
Title Case
Chuyển văn bản sang Title Case: viết hoa các từ chính, tùy chọn giữ chữ thường cho từ ngắn như a, of, the. Giữ nguyên từ viết tắt và tên thương hiệu.
-
Định dạng TOML
Phân tích và ghi lại TOML theo bố cục chuẩn hóa bằng smol-toml. Lỗi hiển thị dòng và cột. Lưu ý: chú thích bị xóa và một số giá trị được chuẩn hóa.
-
CHỮ HOA
Chuyển văn bản thành CHỮ HOA ngay lập tức theo quy tắc Unicode (ß thành SS, giữ nguyên dấu). Dấu cách, dấu câu và ngắt dòng được giữ nguyên.
-
Định dạng XML
Làm đẹp XML với 2 dấu cách, 4 dấu cách hoặc tab. Đầu vào được kiểm tra tính đúng cấu trúc trước, nên lỗi được báo kèm dòng và cột cụ thể.
-
Kiểm tra XML
Kiểm tra XML có đúng cấu trúc không: thẻ không khớp hoặc chưa đóng, thuộc tính sai và tên không hợp lệ đều được báo kèm dòng, cột. Chạy cục bộ trong trình duyệt.
-
Định dạng YAML
Định dạng YAML bằng Prettier: thụt lề và khoảng cách nhất quán, vẫn giữ chú thích và nhiều tài liệu trong một file. Lỗi cú pháp hiển thị dòng và cột.
-
Kiểm tra YAML
Kiểm tra cú pháp YAML bằng js-yaml: thụt lề sai, khóa trùng và ngoặc chưa đóng được báo kèm dòng và cột. Hỗ trợ file chứa nhiều tài liệu.
Danh mục khác
- CRC Thuật toán kiểm tra dư thừa vòng để phát hiện lỗi
- MD Thuật toán tóm tắt thông điệp (MD2, MD4, MD5)
- SHA-1 Thuật toán băm an toàn 1 - hàm băm 160-bit
- SHA-2 Họ thuật toán băm an toàn 2 (SHA-224, SHA-256, SHA-384, SHA-512)
- SHA-3 Thuật toán băm an toàn 3 dựa trên Keccak
- Keccak Hàm băm mật mã Keccak
- SHAKE Hàm đầu ra có thể mở rộng (SHAKE128, SHAKE256)
- cSHAKE Hàm SHAKE có thể tùy chỉnh
- KMAC Mã xác thực thông điệp Keccak
- Mật khẩu & Bảo mật Công cụ tạo, phân tích, băm và bảo mật mật khẩu
- Mã hóa & Mật mã Mã hóa đối xứng và bất đối xứng, HMAC và tạo khóa (AES, 3DES, RSA, PGP)
- Encode & Decode Encode và decode dữ liệu: Base64, Base32, Base58, URL, thực thể HTML, hex, Unicode và nhiều định dạng khác
- Công cụ tạo dữ liệu Tạo ID, khóa, dữ liệu thử nghiệm, mã QR, mã vạch và file cấu hình (UUID, API key, .gitignore, Dockerfile)
- Công cụ chuyển đổi Chuyển đổi định dạng dữ liệu, hệ cơ số, màu sắc, timestamp, đơn vị và tiền tệ (JSON, CSV, YAML, XML)
- Công cụ văn bản Đếm, so sánh, làm sạch và biến đổi văn bản (đếm từ, so sánh, regex, chữ hoa/thường, dòng trùng)
- Công cụ hình ảnh Công cụ để thao tác và chuyển đổi hình ảnh (Nén, Thay đổi kích thước, Chuyển đổi)
- Thiết kế & CSS Tạo CSS trực quan: đổ bóng, gradient, bố cục flexbox và grid, hiệu ứng chuyển động và bảng màu
- Công cụ Web Công cụ cho lập trình web và SEO (JWT, URL, DNS, HTTP header, thẻ meta, sitemap)
- Toán học & Công cụ tính Công cụ tính cho tài chính, sức khỏe, phần trăm, phép tính lập trình và toán học hằng ngày
- Thời gian & Ngày tháng Múi giờ, khoảng cách ngày, ngày làm việc, hẹn giờ, đồng hồ bấm giờ và đồng hồ thế giới