˄

如何使用 Adobe View 在網頁中嵌入PDF?

想要在網頁中嵌入 PDF 文件,最簡單的方式就是將文件上傳到 Google 雲端硬碟或是微軟的 OneDrive,然後利用 ifram 的方式嵌入,方法雖簡單但是卻無法控制 PDF 的外觀,而另外一種方式就是利用 Adobe View SDK,他屬於 Adobe Document Cloud 平台中的一部分,可以免費使用,其提供了三種 PDF 嵌入網頁的模式,包括 Full Window、Sized Container 及 In-Line 模式,不僅如此,還可以啟用註釋工具,讓用戶可以註釋網頁上的 PDF 文件並下載 PDF 修改後的副本,此外,也可以啟用保全控制,像是禁用 / 啟用下載和列印等選項以及自定義頁面所出現的工具。
相關工具,還可以參閱:

【adobe.io 網站資訊】
網站語言:英文
服務性質:免費
網站網址按我前往

如何使用 Adobe View 在網頁中嵌入PDF?

1.使用瀏覽器進入 adobe.io 網站,點擊[ Get Started ]。
如何使用 Adobe View 在網頁中嵌入PDF?

2.如果沒有帳號,就會要求先註冊。
如何使用 Adobe View 在網頁中嵌入PDF?

3.完成註冊手續,登入後,點擊[ Get Started ]來開始。
如何使用 Adobe View 在網頁中嵌入PDF?

4.選擇 DC View SDK,填入 Credentials name 及 Application domain 並勾選我不是機器人選項。
如何使用 Adobe View 在網頁中嵌入PDF?

5.完成填寫後,請記好自己所申請到的 API KEY,然後,我們可以點擊[ Get CodeSamples ]。
如何使用 Adobe View 在網頁中嵌入PDF?


6.其提供 Full Window、Sized Container 及 In-Line 三種模式,可自行選擇。
如何使用 Adobe View 在網頁中嵌入PDF?

7.如果需要自訂,可以選擇 Customize 來開啟或關閉控制項。
如何使用 Adobe View 在網頁中嵌入PDF?

8.最後,按[ Generate Code ]來取得程式碼。
如何使用 Adobe View 在網頁中嵌入PDF?

9.取得的程式碼,該如何使用,最簡單的方式更改 PDF 文件的 URL 後,將其放到網頁要出現 PDF 文件的位置,貼上就可以了,如果,需要範例參考,也可以 https://www.adobe.io/apis/documentcloud/dcsdk/docs.html 參閱其說明。
如何使用 Adobe View 在網頁中嵌入PDF?

10.以上範例展示。

 

 延伸閱讀

目前有0則留言
分享您的留言
顯示名稱:

電子郵件:

(不會公佈)

連結網址:

(請輸入完整網址含 https://)

留言內容:

 訂閱本站文章

 站內搜尋