mdjs-viewer: Thực thi và Xem các Bài thực hành JavaScript Markdown trên GitHub
mdjs-viewer là một tiện ích mở rộng Chrome được phát triển bởi Thomas Allmer cho phép người dùng thực thi và xem các demo Markdown JavaScript tương tác trực tiếp trên GitHub. Tiện ích này nâng cao chức năng của thư viện mdjs (Markdown JavaScript) và đưa nó lên nền tảng GitHub.
Với mdjs-viewer, người dùng có thể xem các demo trực tiếp ở nhiều vị trí trên GitHub, bao gồm các tệp Markdown của GitHub như README.md và GitHub Issues. Tiện ích đảm bảo an ninh bằng cách cô lập việc thực thi mã nguồn của người dùng và thực hiện các biện pháp như yêu cầu người dùng thực hiện hành động trước khi thực thi bất kỳ mã nào, chạy các demo trong một iframe với các thiết lập sandbox và hạn chế các yêu cầu bên ngoài iframe.
Đáng lưu ý là mdjs-viewer sửa đổi Chính sách Bảo mật Nội dung (CSP) cho GitHub bằng cách thêm các quy tắc cụ thể vào script-src, cho phép thực thi các khối mã trong iframe của mdjs và tải các phụ thuộc của người dùng từ bên trong iframe.
Để sử dụng mdjs-viewer, chỉ cần bật tiện ích và truy cập các trang markdown và vấn đề trên GitHub. Tiện ích sẽ thêm một nút "show demo ▹" vào các trang này, khi nhấp vào, nó sẽ xử lý văn bản markdown gốc bằng mdjs và thay thế các import bằng URL từ unpkg.com. Cuối cùng, một iframe được tạo ra để hiển thị đầu ra HTML và JavaScript được tạo ra bởi mdjs.
Vui lòng lưu ý rằng có một giới hạn về số lượng cuộc gọi API ẩn danh đến GitHub mỗi giờ (60), và yêu cầu nội dung gốc của một tin nhắn vấn đề yêu cầu một khóa API.
Hãy thử mdjs-viewer để nâng cao trải nghiệm GitHub của bạn với các demo Markdown JavaScript tương tác!
