Định dạng code (Code Formatter)
Dán hoặc mở file, bấm Format là có code gọn gàng. Ngôn ngữ được nhận diện tự động — JavaScript, TypeScript, CSS, HTML, JSON, XML, SQL, YAML, Markdown, GraphQL — ngay trong trình duyệt.
Mọi thao tác chạy ngay trong trình duyệt — code của bạn không bao giờ được tải lên máy chủ nào.
Độ rộng dòng áp dụng cho JavaScript, TypeScript, CSS, SCSS, LESS, HTML, YAML, Markdown và GraphQL. Định dạng không bao giờ kiểm tra logic, kiểu dữ liệu hay quy tắc phong cách.
Ngôn ngữ sẽ được nhận diện ngay khi bạn thêm code.
Kéo thả file code vào đây (tối đa 5 MB), dán, hoặc nạp mẫu. Nhấn Ctrl+Enter để định dạng.
Định dạng và làm đẹp code ngay trong trình duyệt
Code sao chép từ một bundle đã nén, một file log, tin nhắn chat hay dự án cũ rất khó đọc và còn khó review hơn. Công cụ Định dạng code này đưa nó về dạng gọn gàng, thụt lề nhất quán chỉ với một cú bấm. Dán code vào, nhấn Format (hoặc Ctrl+Enter), kết quả hiện ngay cạnh bản gốc, có số dòng ở cả hai bên để bạn đối chiếu nhanh.
Công cụ hỗ trợ những định dạng lập trình viên gặp nhiều nhất: JavaScript kèm JSX, TypeScript kèm TSX, CSS, SCSS và LESS, HTML cùng script và style nội tuyến, JSON, XML, SQL cho mười ba phương ngữ, YAML, Markdown và GraphQL. Mặc định ngôn ngữ được nhận diện giúp bạn: theo đuôi file khi mở file, theo chính nội dung khi dán. Nếu đoạn văn bản có thể là nhiều thứ, công cụ nói rõ và đưa ra các lựa chọn khả dĩ thay vì âm thầm chọn nhầm trình phân tích.
Bạn vẫn kiểm soát được phong cách. Chọn thụt lề hai dấu cách, bốn dấu cách hoặc tab, và độ rộng dòng 80, 100 hay 120 ký tự cho các ngôn ngữ dùng Prettier. Với SQL, bạn chọn phương ngữ như PostgreSQL, MySQL, SQL Server hay BigQuery. Với JSON còn có nút Nén JSON, loại bỏ toàn bộ khoảng trắng mà không đụng tới số, chuỗi hay thứ tự khoá. Cài đặt được nhớ trong trình duyệt, và bạn có thể bật tự động định dạng nếu muốn thấy kết quả khi đang gõ.
Khi có lỗi, thông báo ngắn và chính xác: ngôn ngữ, điều trình phân tích mong đợi, cùng dòng và cột. Nội dung nhập không bao giờ bị ghi đè, và một nút đưa con trỏ tới đúng chỗ sai. Nút Hoàn tác khôi phục thứ bạn lỡ xoá hay thay thế, bạn có thể tải kết quả về với đúng đuôi file của ngôn ngữ đó, hoặc mở hai phiên bản cạnh nhau trong công cụ So sánh văn bản để xem chính xác điều gì đã đổi.
Mọi thứ diễn ra trên thiết bị của bạn. Các bộ định dạng nặng chỉ được tải cho đúng ngôn ngữ bạn định dạng và chạy trong luồng nền, nên file lớn không làm treo trang. Cần biết các giới hạn: mở được file tới 5 MB, dữ liệu trên 300.000 ký tự có thể mất vài giây, và trên hai triệu ký tự sẽ bị từ chối. Định dạng không phải là linter hay trình biên dịch nên không tìm ra lỗi logic, và một vài cú pháp quá mới có thể bị từ chối.
Câu hỏi thường gặp
Code của tôi có bị tải lên đâu không?
Không. Code được định dạng bởi các thư viện chạy ngay trong trình duyệt, ở một luồng nền. Không có gì được gửi tới máy chủ. Chỉ cài đặt và bản nháp tuỳ chọn được lưu trong bộ nhớ cục bộ của trình duyệt này, và bạn có thể xoá ô nhập bất cứ lúc nào.
Định dạng có làm thay đổi cách code chạy không?
Công cụ chỉ đổi bố cục: thụt lề, xuống dòng và khoảng trắng. Nó cũng có thể chuẩn hoá dấu nháy, thêm hoặc bớt dấu ngoặc không bắt buộc và đặt dấu chấm phẩy thống nhất, nhưng ý nghĩa vẫn giữ nguyên. Công cụ không kiểm tra logic, kiểu dữ liệu hay lint: code đúng vào thì code đúng ra, code sai vẫn là code sai.
Ngôn ngữ được nhận diện như thế nào?
Nếu bạn mở file, phần đuôi file quyết định. Nếu không, công cụ xem chính nội dung: thẻ, ngoặc nhọn, từ khoá và dấu câu đặc trưng. Khi hai ngôn ngữ trông giống nhau, ví dụ CSS với SCSS hoặc JavaScript với TypeScript, công cụ sẽ hỏi bạn thay vì đoán bừa. Bạn luôn có thể chọn ngôn ngữ thủ công trong danh sách Ngôn ngữ.
Nếu code có lỗi cú pháp thì sao?
Ô kết quả để trống, nội dung nhập được giữ nguyên, và bạn nhận một thông báo ngắn kèm dòng và cột. Bấm nút Hiện trong ô nhập để nhảy tới đúng vị trí, sửa rồi bấm Format lại.
Tôi có nén (minify) code ở đây được không?
Chỉ với JSON, nơi việc bỏ khoảng trắng luôn an toàn. Nén JavaScript hoặc CSS đúng cách cần một trình minify riêng, vì đổi tên biến hay gộp quy tắc có thể làm đổi hành vi, nên công cụ này không làm. Nếu cần kiểm tra cú pháp SQL sâu hơn, hãy dùng công cụ Định dạng & Kiểm tra SQL.