Trong bài viết này (đọc trong năm phút), bạn sẽ tìm hiểu về hai cách đơn giản (và miễn phí). ) phương pháp hiển thị tệp PDF trong trình duyệt và cách bạn có thể nhanh chóng triển khai chúng trên trang web của mình Show
Hiển thị PDF trên trình duyệt gốcVì PDF là định dạng được sử dụng rộng rãi nên tất cả các trình duyệt hiện đại đều có hỗ trợ PDF tích hợp. Chúng ta có thể tận dụng lợi thế này bằng cách sử dụng các phần tử HTML để nhúng trực tiếp tệp PDF vào trang web của mình, như thế này Đây là mã Tôi đã sử dụng một URL cho các giá trị Giao diện người dùng của trình xem PDF sẽ hơi khác một chút tùy thuộc vào trình duyệt của bạn Trình xem PDF được nhúng vào trang web trong ChromeTrình xem PDF được nhúng vào trang web trong SafariTrình xem PDF được nhúng vào trang web trong FireFoxTrình xem PDF được nhúng vào trang web trong EdgePhương pháp này sẽ hoạt động trong tất cả các phiên bản di động và máy tính để bàn hiện đại của Chrome, Safari, Firefox và Edge. (Nó sẽ không hoạt động trong Internet Explorer. ) Nếu bạn cần hỗ trợ Internet Explorer hoặc tùy chỉnh giao diện người dùng, bạn nên xem xét phương pháp tiếp theo -- PDF. kết xuất js. Nhúng PDF vào HTML với PDF miễn phí. Trình xem nhanh jsPDF. js Express Viewer là một tệp PDF miễn phí. js bao bọc giao diện người dùng dựa trên React hiện đại xung quanh PDF nguồn mở. công cụ kết xuất js. PDF. js ban đầu được phát triển bởi Mozilla và được duy trì bởi một cộng đồng mã nguồn mở. PDF. js Express Viewer cho phép bạn hiển thị các tệp PDF bên trong một trang web bằng cách sử dụng JavaScript thay vì hỗ trợ PDF tích hợp của trình duyệt Lợi ích của PDF. js Express Viewer so với kết xuất trình duyệt gốc là
PDF. js Express Viewer HTML Ví dụĐây là những gì chúng ta sẽ làm sau khi làm theo hướng dẫn này Thêm PDF. js Express Viewer vào trang web của bạn là một quy trình 3 bước dễ dàng. Ở đây chúng tôi sẽ thực hiện tích hợp thủ công, tuy nhiên, chúng tôi có hướng dẫn tích hợp PDF. js Express Viewer với nhiều framework, bao gồm React, Angular, Vue, v.v. Bạn có thể tìm thấy danh sách đầy đủ các hướng dẫn về khung tại đây Bước 1 - Tải xuống PDF. Trình xem nhanh jsBạn có thể bấm vào đây để tải PDF. Trình xem nhanh js Lưu ý rằng để sử dụng PDF. js Express Viewer, bạn sẽ cần một khóa cấp phép miễn phí. Vui lòng lấy khóa Trình xem miễn phí tại đây nếu bạn chưa có
Để nhập PDF. js Express Viewer dưới dạng mô-đun CommonJS, vui lòng tham khảo hướng dẫn này để tích hợp với NPM Khi bạn đã hoàn thành việc này, một thư mục dự án ví dụ có thể trông giống như thế này Trong thư mục mẫu này, bạn có thể thêm các thư mục. hình ảnh, tập lệnh và kiểu để bao gồm bất kỳ tài nguyên bổ sung nào bạn muốn có trên trang web của mình. Tuy nhiên, đối với dự án ví dụ này, chỉ cần có thư mục
Cách dễ nhất để chạy dự án này là với Tiếp theo mở terminal của bạn và cài đặt Sau khi cài đặt, điều hướng đến thư mục gốc của trang web của bạn trong thiết bị đầu cuối và chạy lệnh sau Sau khi chạy lệnh đó, hãy truy cập trình duyệt của bạn và nhập localhost. 8080. Sau đó, bạn sẽ thấy như sau Bước 3 - Sử dụng PDF. js Express Viewer API để tùy chỉnh trình xemĐể sử dụng thêm PDF. js Express API, bạn có thể thêm lệnh gọi API trong phần gọi lại của PDF. hàm tạo js Express. Ví dụ: để thay đổi chủ đề của PDF. js Express sang bóng tối, bạn có thể thêm Làm mới trang ứng dụng của bạn ( Phần kết luậnChúng tôi hy vọng điều này là hữu ích. Bạn cũng có thể xem phần mở rộng chức năng của PDF. js Express Viewer với chú thích PDF, điền biểu mẫu và ký bên trong ứng dụng web của bạn HTML có hỗ trợ PDF không?Thẻ đối tượng của HTML là cách đầu tiên để nhúng tệp PDF . Trong ví dụ dưới đây, tệp pdf sẽ được hiển thị trên một trang web, là một đối tượng. Ngoài việc nhúng tệp pdf vào trang web, thẻ đối tượng có thể nhúng các ứng dụng ActiveX, Flash, video, âm thanh và Java.
Cách tốt nhất để chuyển đổi PDF sang HTML là gì?Công cụ Xodo HTML hỗ trợ nhiều nền tảng giúp chuyển đổi file PDF sang định dạng HTML. Sử dụng Xodo trên máy Mac của bạn bằng cách mở nó trong trình duyệt của bạn, sau đó chọn các tệp PDF từ ổ đĩa cục bộ hoặc bộ nhớ đám mây của bạn để bắt đầu quá trình. Công cụ này có thể được sử dụng để chuyển đổi các tệp PDF trên Mac, Windows, Linux, iOS và Android
Làm cách nào để chuyển đổi PDF sang HTML mà không làm mất định dạng?Cách chuyển đổi PDF sang HTML . Tải (các) tệp pdf lên Chọn tệp từ Máy tính, Google Drive, Dropbox, URL hoặc bằng cách kéo tệp trên trang Chọn "sang html" Kết quả là chọn html hoặc bất kỳ định dạng nào khác mà bạn cần (hơn 200 định dạng được hỗ trợ) Tải xuống html của bạn Làm cách nào để hiển thị PDF trong HTML mà không cần tải xuống?Google Drive . Tải tệp PDF của bạn lên Google Drive. Nhấp vào "Mới" và sau đó chọn "Tải tệp lên" Chia sẻ tài liệu. Nhấp chuột phải vào tài liệu và chọn "Chia sẻ" Thay đổi cài đặt cho tài liệu. . Tạo liên kết công khai cho tài liệu của bạn. . Nhúng tài liệu của bạn vào iframe trên trang web của bạn. . Bản xem trước của Google Drive nhúng PDF |