Có một số cách để bao gồm một tệp PDF trong tài liệu HTML của bạn:
- Sử dụng các thẻ và các thẻ, được coi là những cách lỗi thời, bởi vì chúng không được sử dụng.
- Sử dụng hoặc thẻ.
Cách dễ nhất để đặt PDF vào tài liệu HTML là sử dụng thẻ với thuộc tính HREF của nó. Bạn cần thêm URL hoặc liên kết tham chiếu của tệp PDF của bạn vào phần tử. Mã của bạn sẽ trông giống như sau.href attribute. You need to add the URL or the reference link of your PDF file to the element. Your code will look like the following.
Ví dụ về việc nhúng tệp PDF vào tài liệu HTML:
Title of the document
PDF Example
Open a PDF file example.
Kết quả
Ví dụ PDF
Mở ví dụ tệp PDF.
Một cách khác để thêm tệp PDF vào tài liệu HTML của bạn là sử dụng thẻ. Nó cho phép thiết lập chiều rộng và chiều cao ưa thích của bạn. Để có mã, hãy làm theo các bước đơn giản sau:
- Để chỉ định địa chỉ web của tệp PDF của bạn, hãy đặt nguồn. Cả hai thuộc tính được đề cập có thể được chỉ định bởi "PX", "cm", "VH" hoặc tỷ lệ phần trăm.source. Both of the mentioned properties can be specified by "px", "cm", "vh", or percentages.
- Để xác định kích thước của iframe, hãy đặt các thuộc tính chiều cao và chiều rộng:height and width attributes:
Mã hoàn chỉnh sẽ như thế này.
Ví dụ về việc thêm tệp PDF vào HTML bằng cách sử dụng thẻ:
Title of the document
PDF Example with iframe
Nếu bạn không muốn người dùng tải xuống tệp PDF của mình, hãy thêm #Toolbar = 0 sau URL của tài liệu PDF của bạn.#toolbar=0 after the URL of your PDF document.
Ví dụ về việc đặt một tệp PDF không thể tải trong HTML:
Title of the document
How to disable downloading of the PDF document
Cập nhật - API nhúng Adobe PDF
Adobe đã phát hành API nhúng Adobe PDF hoàn toàn miễn phí. Vì họ đã tạo ra định dạng PDF, API của họ có lẽ là tốt nhất cho việc này.
- Nó cung cấp kết xuất PDF chất lượng cao nhất có sẵn.
- Bạn có thể hoàn toàn tùy chỉnh trải nghiệm người dùng và chọn cách hiển thị PDF.
- Bạn cũng sẽ có phân tích về việc sử dụng PDF để bạn có thể hiểu cách người dùng tương tác với PDF, bao gồm thời gian dành cho một trang và tìm kiếm.
Tất cả những gì bạn phải làm là tạo một api_key
và sử dụng nó trong đoạn mã.
Hiển thị PDF bởi file_url
Dưới đây là ví dụ về đoạn mã mà bạn có thể thêm vào HTML của mình và tận dụng API của họ để hiển thị PDF bằng file_url
. Bạn sẽ phải thêm cấu hình
0.
document.addEventListener["adobe_dc_view_sdk.ready", function[]{
var adobeDCView = new AdobeDC.View[{clientId: "api_key", divId: "adobe-dc-view"}];
adobeDCView.previewFile[{
content: { location: { url: "url_of_the_pdf" } },
metaData: { fileName: "file_name_to_display" }
}, {}];
}];
Hiển thị pdf dưới dạng bộ đệm
Dưới đây là ví dụ về đoạn mã mà bạn có thể thêm vào HTML của mình và tận dụng API của họ để hiển thị PDF nếu bạn có bộ đệm [ví dụ: tệp cục bộ]. Bạn sẽ phải thêm cấu hình
1.
document.addEventListener["adobe_dc_view_sdk.ready", function[]{
var adobeDCView = new AdobeDC.View[{clientId: "api_key", divId: "adobe-dc-view"}];
adobeDCView.previewFile[{
content: { promise: }
metaData: { fileName: "file_name_to_display" }
}, {}];
}];