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

如何使用 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 Maker 網站,點擊[ 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.以上範例展示。

 

相關文章



 站內搜尋 


˄