福昕 Cloud API

福昕PDF Embed API

福昕 PDF Embed API 是一款基于Web的云端PDF应用组件，您只需几行代码即可在Web上嵌入支持HTML和JavaScript的PDF Web应用组件。它与福昕 PDF Services API同步工作，为您提供完整且完全可定制的PDF解决方案，所有这些都在浏览器中进行。

快速集成

使用提供的几行代码将功能强大的PDF查看器嵌入到您的Web应用程序中。

Html

复制代码

<!doctype html>
  <html lang="en">
    <head>
      <meta charset="UTF-8" />
      <meta
        name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
      />
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <meta name="renderer" content="webkit" />
      <title>Foxit Embed Viewer - Full Window</title>
      <style>
        html,
        body {
          width: 100%;
          height: 100%;
        }
        #foxit-embed-view {
          height: 100%;
        }
      </style>
    </head>
    <body>
      <div id="foxit-embed-view"></div>
      <script src="https://servicesapi.foxitsoftware.cn/api/embview-sdk/js?clientId=REPLACE_WITH_YOUR_CLIENT_ID"></script>
      <script>
        var embedView = new FoxitEmbed.View({
          clientId: '<YOUR_CLIENT_ID>',
          divId: 'foxit-embed-view',
        });
        var pdfUrl = 'https://cloudapi.foxitsoftware.cn/view-sdk-demo/Embed API Demo.pdf';
        embedView.previewFile(
          {
            content: pdfUrl,
            metaData: {
              fileName: 'Embed API Demo.pdf',
            },
          },
          {
            showToolControls: true,
            showLeftHandPanel: true,
            showDownloadPDF: true,
            showPrintPDF: true,
            theme: { primaryColor: '#f36b16', secondaryColor: '#333333', textActiveColor: '#FFFFFF' },
          },
        );
      </script>
    </body>
  </html>