CodePrettify: Định dạng JS, JSON, CSS & RSS

Tự động định dạng và tô sáng JS, JSON, CSS và RSS. Chủ đề, JSON thu gọn và số dòng.

CodePrettify biến các tệp dành cho lập trình viên ở dạng thô thành trải nghiệm giống IDE ngay khi bạn mở chúng — với định dạng, điều hướng, kiểm tra hợp lệ, so sánh (diff) và thậm chí chạy JavaScript trực tiếp trong trình duyệt. Hỗ trợ JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML và RSS/Atom, cho cả phản hồi web và tệp cục bộ. 📊 HỖ TRỢ DỮ LIỆU CÓ CẤU TRÚC • JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml) và TypeScript (.ts / .mts / .cts) • JSON có thể thu gọn với điều hướng breadcrumb và công cụ JSON Path (tự động hoàn thành, kiểm tra, sao chép theo kết quả) • URL và đường dẫn import có thể nhấp trong JSON và XML • Chế độ bảng: bảng có thể sắp xếp và tìm kiếm cho mảng JSON của các đối tượng và các phần tử XML lặp lại, với tải theo từng phần cho dữ liệu lớn 🚀 TỰ ĐỘNG HÓA & ĐỊNH DẠNG THÔNG MINH • Tự động định dạng với phát hiện minify, giúp các tệp nén trở nên dễ đọc trong khi các tệp đã rõ ràng giữ nguyên • Công cụ CodeMirror 6 hiện đại với tô sáng cú pháp giống VS Code • Gập mã cho hàm, lớp, đối tượng, mảng và khối XML • Khớp dấu ngoặc và trình tải không nhấp nháy giúp tránh hiển thị nội dung thô 🧪 JAVASCRIPT PLAYGROUND • Chạy JavaScript thực trong Web Worker cách ly với thời gian chờ cấu hình 1 / 5 / 15 giây • Ghi lại console.log/info/warn/error/debug và hiển thị console.table dưới dạng bảng HTML • Hiển thị giá trị trả về, thời gian thực thi và stack trace đầy đủ • Tùy chọn “Include {filename}” để thêm tệp hiện tại và gọi các hàm cấp cao nhất của nó • Tự động hoàn thành cho hàm, phương thức, lớp và biến từ Playground và tệp hiện tại, kèm chữ ký tham số • Hỗ trợ top-level await, Tab / Shift+Tab để thụt lề/giảm thụt lề và tự động lưu mã giữa các phiên • Ctrl+Alt+P để mở, Ctrl+Enter để chạy, Ctrl+Space để tự động hoàn thành 🧭 ĐIỀU HƯỚNG & TỆP LỚN • Trình điều hướng tài liệu cho JSON, JavaScript và XML • Minimap nhận biết cú pháp được render trên canvas offscreen • Trạng thái hiển thị theo URL: gập, tìm kiếm, highlight và chế độ được khôi phục tự động • URL cấu hình có thể chia sẻ để khôi phục chính xác cùng một giao diện • Đi đến dòng (Ctrl+G) ghi nhớ vị trí cuối cùng 🔍 PHÂN TÍCH & KIỂM TRA • Bảng chẩn đoán với trạng thái cú pháp, cảnh báo và thông tin theo loại tệp • Thống kê kích thước tệp, số dòng, độ sâu JSON, hàm/biến JS, selector CSS, thẻ/thuộc tính XML • Kiểm tra tích hợp cho JSON, JavaScript, TypeScript, CSS (dòng/cột) và XML 🧬 SO SÁNH & DIFF • Chế độ diff chia đôi toàn màn hình (Ctrl+Alt+D) với so sánh từng dòng, cuộn đồng bộ, thống kê và hoán đổi hai bên 🔐 PHÂN TÍCH DỮ LIỆU • Giải mã Base64 và JWT trực tiếp với cửa sổ sao chép riêng • Phát hiện timestamp Unix (giây và mili giây) với tooltip dễ đọc • Tooltip ngày ISO 8601 và RFC 822 trong JSON, XML và RSS 🔎 TÌM KIẾM & TƯƠNG TÁC • Tìm kiếm nổi (Ctrl+F) với đếm kết quả theo thời gian thực • Tìm kiếm regex qua /pattern/flags • URL và đường dẫn import tương đối có thể nhấp 🔎 REGEX PLAYGROUND • Thử nghiệm regex theo thời gian thực trên bất kỳ tệp hoặc phản hồi nào đang mở • Highlight kết quả ngay lập tức với điều khiển cờ gimsuy • Danh sách kết quả với số lượng, vị trí (dòng/cột) và điều hướng nhanh • Hiển thị capture groups và named groups • Hướng dẫn tích hợp và thư viện ví dụ • Lưu các pattern gần đây, Ctrl+Alt+R mở ngay 📤 XUẤT & CHIA SẺ • Xuất PNG (vùng hiển thị hoặc toàn bộ tệp) với tô màu cú pháp • Xuất CSV cho mảng JSON và feed RSS/Atom • Xuất bảng HTML • Sao chép mã gốc, đã định dạng hoặc minify chỉ với một nút 🌐 NGỮ CẢNH YÊU CẦU • Bảng thông tin HTTP: URL, content type, encoding, kích thước và thời gian • Trình tạo lệnh cURL và fetch() tương thích đa nền tảng 🎨 CÔNG CỤ CSS • Hiển thị HEX và RGB với bộ chọn màu tích hợp (sao chép HEX, RGB, HSL) 🔒 QUYỀN RIÊNG TƯ & BẢO MẬT • Xử lý 100% cục bộ; không có yêu cầu bên ngoài, telemetry hay phụ thuộc bên thứ ba • Playground chạy trong sandbox không truy cập trang, extension hoặc mạng • An toàn cho API, token và hệ thống nội bộ 📂 HOẠT ĐỘNG MỌI NƠI • Phản hồi HTTP/HTTPS và tệp cục bộ (file:///) • Tự động nhận diện qua Content-Type ⚙️ TÙY CHỈNH • Giao diện Light, Dark và Auto (theo hệ thống) • Kích thước font, thụt lề, số dòng, xuống dòng, minimap • Cài đặt đồng bộ giữa các thiết bị qua bộ nhớ trình duyệt ⌨️ PHÍM TẮT • Ctrl+B — Raw / Pretty • Ctrl+Alt+C — Copy • Ctrl+F — Search • Ctrl+G — Go to Line • Ctrl+Alt+T — Toggle toolbar • Ctrl+Alt+D — Diff tool • Ctrl+Alt+P — JavaScript Playground • Ctrl+Alt+R — RegEx Playground 📝 TỆP CỤC BỘ Bật “Cho phép truy cập URL tệp” trong cài đặt tiện ích của trình duyệt để sử dụng CodePrettify với file:/// Hỗ trợ 14 ngôn ngữ: Tiếng Anh, Na Uy, Thụy Điển, Đan Mạch, Đức, Tây Ban Nha, Pháp, Ý, Nhật Bản, Hàn Quốc, Bồ Đào Nha, Nga, Việt Nam và Trung Quốc (Giản thể)