如何使用 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 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.以上範例展示。

常見的圖表類型有長條圖、圓餅圖、折線圖...等等,而且多數的數據資料也都可以套用到上述的圖形,以此展現更具親和力的數據,但有些數據資料其實有更好的呈現方式,例如要做出公司部門人數或是 COVID-每日確診人數等,諸如此類與人員有關的數量統計,如果可以以人形圖像取代傳統的長條圖或是圓餅圖,相信會讓閱讀圖表的人更有耳目一新的感覺,而在大家常用的 Excel 也已經幫大家準備好了,只需幾個步驟,就可以將相關數據轉成好看又易懂的數據圖表。

處在等待又沒有網路連線的環境中,要消磨這段時間,可以在手機上開啟 Edge 瀏覽器玩衝浪小遊戲,也可以在 Chrome 玩恐龍跳躍遊戲都是不錯的選擇,而現在在 Google 「Play 商店」中也有個隱藏版的小遊戲,玩膩了瀏覽器內的遊戲,不妨也可以轉到這裡來試試。