Công cụ tô sáng mã: Định dạng và xuất mã đã tô sáng
Công cụ tô sáng mã dùng highlight.js để hiển thị mã với tô sáng cú pháp trên hơn 20 ngôn ngữ. Chọn ngôn ngữ hoặc dùng tự động phát hiện, chọn theme tối hoặc sáng, và bật/tắt số dòng. Sao chép HTML đã tô sáng hoặc xuất kết quả thành ảnh PNG bằng html2canvas. Công cụ chạy trong trình duyệt của bạn.
Công cụ tô sáng mã là trình tô sáng cú pháp chạy trong trình duyệt, dành cho nhà phát triển muốn mã dễ đọc hoặc dễ chia sẻ hơn. Công cụ dùng highlight.js — được tải lười (lazy-load), và hỗ trợ hơn 20 ngôn ngữ. Hãy tự chọn ngôn ngữ hoặc dùng tự động phát hiện, rồi xem mã với tô sáng cú pháp trong công cụ.
Các tùy chọn hiển thị có sẵn gồm theme tối và sáng cùng nút bật/tắt số dòng. Khi mã đã được tô sáng, bạn có thể sao chép HTML đã tô sáng hoặc xuất kết quả thành ảnh PNG qua html2canvas. Các tùy chọn này cho bạn chọn định dạng phù hợp với cách bạn định tái dùng hoặc chia sẻ mã đã tô sáng.
Bản thân mã có thể viết bằng nhiều ngôn ngữ lập trình, còn HTML cung cấp định dạng markup để cấu trúc nội dung. Công cụ tô sáng mã không chuyển một ngôn ngữ lập trình thành ngôn ngữ khác; nó trình bày mã với tô sáng cú pháp và cho bạn sao chép HTML đã tô sáng hoặc xuất ảnh. Việc này hữu ích khi bạn cần góc nhìn dễ đọc hơn của một đoạn mã hoặc một phiên bản trực quan để chia sẻ.
Công cụ tô sáng mã chạy hoàn toàn trong trình duyệt của bạn, và dữ liệu nhập được xử lý trên thiết bị của chính bạn chứ không gửi tới máy chủ. Sau khi trang đã tải, công cụ hoạt động ngoại tuyến mà không phụ thuộc máy chủ. Công cụ miễn phí và giúp nhà phát triển cùng kỹ sư DevOps xem mã lạ, chuẩn bị ví dụ hoặc tạo đoạn mã dễ đọc.
Bước 1: Dán hoặc thả mã vào công cụ để chuẩn bị tô sáng.
Bước 2: Chọn ngôn ngữ hoặc dùng tự động phát hiện để áp dụng tô sáng cú pháp cho mã.
Bước 3: Chọn theme tối hoặc sáng, rồi bật/tắt số dòng nếu bạn muốn hiển thị.
Bước 4: Sao chép HTML đã tô sáng hoặc xuất kết quả đã tô sáng thành ảnh PNG.
Trường hợp sử dụng: Xem đoạn mã không phải do bạn viết và thấy khó đọc. Tô sáng cú pháp giúp mã dễ quét hơn.
Trường hợp sử dụng: Kiểm tra cấu trúc của một giá trị trước khi viết mã dùng nó. Tô sáng giúp phân biệt các thành phần mã bằng mắt.
Trường hợp sử dụng: Sao chép một đoạn trích gọn từ tài liệu mã lớn. Dùng HTML đã tô sáng khi bạn cần tái dùng mã đã định dạng.
Trường hợp sử dụng: Chuẩn bị mẫu mã cho tài liệu hoặc bài thuyết trình. Xuất kết quả đã tô sáng thành ảnh PNG.
Trường hợp sử dụng: Chia sẻ ví dụ mã với số dòng hiển thị. Bật/tắt số dòng trước khi sao chép HTML hoặc xuất ảnh.
Trường hợp sử dụng: So sánh một đoạn mã trông ra sao với các thiết lập hiển thị khác nhau. Chọn theme tối hoặc sáng, rồi chọn ngôn ngữ hoặc tự động phát hiện.