關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

如何使用 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 ]。
ContentPhoto3269

2.如果沒有帳號,就會要求先註冊。
ContentPhoto3269

3.完成註冊手續,登入後,點擊[ Get Started ]來開始。
ContentPhoto3269

4.選擇 DC View SDK,填入 Credentials name 及 Application domain 並勾選我不是機器人選項。
ContentPhoto3269

5.完成填寫後,請記好自己所申請到的 API KEY,然後,我們可以點擊[ Get CodeSamples ]。
ContentPhoto3269

6.其提供 Full Window、Sized Container 及 In-Line 三種模式,可自行選擇。
ContentPhoto3269

7.如果需要自訂,可以選擇 Customize 來開啟或關閉控制項。
ContentPhoto3269

8.最後,按[ Generate Code ]來取得程式碼。
ContentPhoto3269

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

10.以上範例展示。
 

延伸閱讀

目前有0則留言
*暱稱:
*電子郵件: (不會公佈)
網址:
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容:

搜尋文章