HTML sang PDF
Dán HTML hoặc một URL rồi nhận về một tệp PDF gọn gàng. 100% trong trình duyệt của bạn — không có gì được tải lên.
HTML sang PDF hoạt động tốt nhất với tài liệu đơn giản (bài viết, báo cáo). Bố cục phức tạp có float và CSS grid có thể được kết xuất một cách gần đúng.
Your file is ready
Processed entirely in your browser — the file never left your device.
Cách chuyển HTML sang PDF
Ba bước. Mọi thứ trong trình duyệt của bạn.
Chọn một chế độ
Dán HTML thô hoặc nhập một URL mà trình duyệt có thể tải về.
Chọn tùy chọn trang
Khổ trang, cỡ chữ thân bài và lề.
Tạo và tải xuống
Tệp PDF được dựng cục bộ bằng pdf-lib và được cung cấp để tải xuống.
"HTML sang PDF" là gì?
Chuyển HTML sang PDF nghĩa là biến một trang web (hoặc bất kỳ đoạn HTML nào) thành một tệp PDF di động, bố cục cố định, in ra, mở ra và lưu trữ giống hệt nhau trên mọi thiết bị. Người ta thường cần điều này cho bài viết, tài liệu nội bộ, ghi chú đã xuất, hay ảnh chụp một trang đăng ký cần lưu cùng các tệp PDF khác.
Tính năng HTML sang PDF của imisspdf hướng đến trường hợp phổ biến: nội dung gọn gàng với tiêu đề, đoạn văn, danh sách, trích dẫn, mã và liên kết. Nó không phải là một trình kết xuất kiểu Chromium và không cố tái tạo bố cục CSS đến từng pixel: với mục đích đó, tính năng Lưu thành PDF tích hợp trong trình duyệt của bạn vẫn là công cụ tốt nhất. Đổi lại, những gì công cụ này mang đến cho bạn là một trình chuyển đổi chạy trong trình duyệt, có thể tự động hóa và thân thiện với thao tác dán, hoạt động với bất kỳ đoạn HTML nào mà không cần rời khỏi tab của bạn.
HTML sang PDF hoạt động thế nào trong trình duyệt của bạn
Khi bạn dán HTML, công cụ phân tích nó cục bộ thành một chuỗi các khối (tiêu đề, đoạn văn, danh sách, v.v.) và các đoạn nội tuyến (in đậm, in nghiêng, liên kết). Mỗi khối được dàn lên một trang PDF bằng pdf-lib bằng các phông tiêu chuẩn Helvetica / Courier. Trang mới được tạo khi nội dung tràn xuống.
Với chế độ URL, trình duyệt của bạn gửi một yêu cầu HTTP thông thường đến trang đích, đúng yêu cầu mà thanh địa chỉ của bạn sẽ thực hiện. Nếu trang cho phép CORS, HTML của trang được đọc ngay trong tab của bạn và kết xuất cục bộ. Nếu không, bạn nhận được một thông báo lỗi rõ ràng và có thể dán mã nguồn thủ công. Không có gì về URL hay nội dung của nó được truyền tới imisspdf.
Các trường hợp dùng phổ biến
- Lưu trữ một bài viết. Dán HTML của bài viết và lưu tệp PDF làm tài liệu tham khảo dài hạn.
- Xuất nội dung từ ứng dụng ghi chú. Notion, Obsidian hay các trình chuyển markdown đều tạo ra HTML: dán vào và nhận một tệp PDF mà không cần rời khỏi trình duyệt.
- Chia sẻ một báo cáo. Tạo một báo cáo HTML trong ứng dụng của bạn và đưa nó qua công cụ này khi người nhận yêu cầu một tệp PDF.
- In các đoạn FAQ. Một danh sách câu hỏi thường gặp có thứ tự được chuyển thành một tệp PDF một trang mà bạn có thể đính kèm vào một phiếu hỗ trợ.
- Lưu trữ một email giao dịch. Lưu HTML của một hóa đơn hay xác nhận thành PDF để phục vụ sổ sách kế toán.
Quyền riêng tư và bảo mật
Các công cụ HTML sang PDF chạy trên máy chủ buộc phải gửi HTML của bạn (hoặc URL cùng cookie phiên) đến một phiên bản Chromium chạy trên đám mây của họ. Cách đó hoạt động, nhưng đặt nội dung của bạn vào tay một bên thứ ba. Trình chuyển đổi của imisspdf phân tích và kết xuất mọi thứ ngay trong trình duyệt của bạn bằng pdf-lib. Lệnh gọi mạng duy nhất được thực hiện là việc tải về mà chính bạn kích hoạt rõ ràng ở chế độ URL, và nó đi thẳng từ trình duyệt của bạn đến trang đích, không qua chúng tôi.
Câu hỏi thường gặp
Tiêu đề (h1–h6), đoạn văn, danh sách (ul/ol), trích dẫn khối, khối mã định dạng sẵn, đường kẻ ngang, cùng với chữ in đậm, in nghiêng, mã và liên kết nội tuyến. Trình kết xuất được giữ đơn giản có chủ đích để nội dung dán từ một trang Notion, bản xuất Google Docs hay một bài blog cho ra tệp PDF gọn gàng mà không có bất ngờ nào.
Không có bố cục CSS — float, grid và flex đều bị bỏ qua. Không có bảng (các hàng được làm phẳng thành văn bản). Không có hình ảnh nhúng. Không có web font — tệp PDF dùng bộ Helvetica / Courier tiêu chuẩn. Nếu bạn cần kết xuất kiểu Chromium chính xác đến từng pixel, hãy chụp ảnh màn hình trang đó và dùng công cụ JPG sang PDF thay thế.
Có — công cụ sẽ tải HTML trực tiếp từ trình duyệt của bạn, cách này hoạt động với các trang có chính sách CORS cho phép. Nhiều trang lớn thì không. Nếu việc tải bị chặn, bạn sẽ nhận được một thông báo lỗi rõ ràng. Cách khắc phục là sao chép HTML của trang thủ công (chuột phải → Xem nguồn → sao chép) rồi dán vào ô văn bản.
Có đối với nội dung dán — HTML không bao giờ rời khỏi trình duyệt của bạn. Đối với URL, trình duyệt của bạn tải trang trực tiếp từ máy chủ của nó, hệt như khi bạn truy cập; imisspdf không bao giờ thấy URL hay nội dung. Quá trình dựng PDF diễn ra cục bộ ngay trong tab của bạn.
Tính năng Lưu thành PDF của trình duyệt dùng toàn bộ động cơ kết xuất của Chromium — hoàn hảo về độ trung thực từng pixel, nhưng bạn phải in từng trang một và không thể tự động hóa được. Tính năng HTML sang PDF của imisspdf đơn giản hơn nhưng cho phép bạn dán bất kỳ đoạn HTML nào, tự động hóa việc chuyển đổi và chạy ngoại tuyến. Hãy chọn cái nào phù hợp với công việc của bạn.
Mẹo để có kết quả tốt nhất
- Dán phần thân, không dán cả trang. Bỏ phần điều hướng, thanh bên và chân trang nếu bạn muốn một tệp PDF gọn hơn.
- Dùng thẻ ngữ nghĩa. h2 cho tiêu đề phụ, p cho đoạn văn, ul/ol cho danh sách. Trình kết xuất bám theo thẻ, không bám theo lớp.
- Nếu CORS chặn một URL, hãy xem-mã-nguồn và dán. Hầu hết trang web hiện đại gửi các tiêu đề chéo nguồn chặn việc tải trực tiếp; sao chép HTML thủ công là cách thay thế đáng tin cậy.
- Để có kết quả trung thực đến từng pixel, hãy dùng tính năng Lưu thành PDF của trình duyệt. Sau đó xử lý kết quả bằng các công cụ khác trên trang này.
Công cụ PDF liên quan
- TXT sang PDF — văn bản thuần thay vì HTML.
- JPG sang PDF — gộp hình ảnh (hoặc ảnh chụp trang) thành một tệp PDF.
- Ghép PDF — gộp kết quả với các tệp PDF khác.
- Nén PDF — thu nhỏ kết quả nếu HTML gốc có nhiều nội dung lặp lại.