Adobe PDF Embed API

<div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
  document.addEventListener("adobe_dc_view_sdk.ready", function(){
    var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
    adobeDCView.previewFile({
      content:{ location:
        { url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea%20Brochure.pdf"}},
      metaData:{fileName: "Bodea Brochure.pdf"}
    },
    {
      embedMode: "SIZED_CONTAINER"
    });
  });
</script>
CopyCopied to your clipboard
1<div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
2<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
3<script type="text/javascript">
4  document.addEventListener("adobe_dc_view_sdk.ready", function(){
5    var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
6    adobeDCView.previewFile({
7      content:{ location:
8        { url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea%20Brochure.pdf"}},
9      metaData:{fileName: "Bodea Brochure.pdf"}
10    },
11    {
12      embedMode: "SIZED_CONTAINER"
13    });
14  });
15</script>

document.addEventListener("adobe_dc_view_sdk.ready", function() {
  var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
  adobeDCView.previewFile({
    content: {location: {url: "(path to your PDF)/yourfilename.pdf"}},
    metaData: {fileName: "yourfilename.pdf"}
  },
  {showAnnotationTools: true});
});
CopyCopied to your clipboard
1document.addEventListener("adobe_dc_view_sdk.ready", function() {
2  var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
3  adobeDCView.previewFile({
4    content: {location: {url: "(path to your PDF)/yourfilename.pdf"}},
5    metaData: {fileName: "yourfilename.pdf"}
6  },
7  {showAnnotationTools: true});
8});

adobeDCView.registerCallback(
  /* Type of call back */
  AdobeDC.View.Enum.CallbackType.EVENT_LISTENER,
  /* call back function */
  function(event) {
    console.log(event);
  },
  { enablePDFAnalytics: true }
);
CopyCopied to your clipboard
1adobeDCView.registerCallback(
2  /* Type of call back */
3  AdobeDC.View.Enum.CallbackType.EVENT_LISTENER,
4  /* call back function */
5  function(event) {
6    console.log(event);
7  },
8  { enablePDFAnalytics: true }
9);

const profile = {
  userProfile: {
    name: '',
    firstName: '',
    lastName: '',
    email: ''
  }
};

adobeDCView.registerCallback(
  AdobeDC.View.Enum.CallbackType.GET_USER_PROFILE_API,
  function() {
    return new Promise((resolve, reject) => {
      resolve({
        code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,
        data: profile
    });
  });
  }
);
CopyCopied to your clipboard
1const profile = {
2  userProfile: {
3    name: '',
4    firstName: '',
5    lastName: '',
6    email: ''
7  }
8};
9
10adobeDCView.registerCallback(
11  AdobeDC.View.Enum.CallbackType.GET_USER_PROFILE_API,
12  function() {
13    return new Promise((resolve, reject) => {
14      resolve({
15        code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,
16        data: profile
17    });
18  });
19  }
20);

const saveOptions = {
  autoSaveFrequency: <Number, default=0>,
  enableFocusPolling: <Boolean, default=false>,
  showSaveButton: <Boolean, default=true>
}

adobeDCView.registerCallback(
  AdobeDC.View.Enum.CallbackType.SAVE_API,
  function(metadata, content, options) {
    return new Promise((resolve, reject) => {
      resolve({
        code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,
        data: {
          metaData: <File MetaData>
        }
      });
    });
  },
saveOptions);
CopyCopied to your clipboard
1const saveOptions = {
2  autoSaveFrequency: <Number, default=0>,
3  enableFocusPolling: <Boolean, default=false>,
4  showSaveButton: <Boolean, default=true>
5}
6
7adobeDCView.registerCallback(
8  AdobeDC.View.Enum.CallbackType.SAVE_API,
9  function(metadata, content, options) {
10    return new Promise((resolve, reject) => {
11      resolve({
12        code: AdobeDC.View.Enum.ApiResponseCode.SUCCESS,
13        data: {
14          metaData: <File MetaData>
15        }
16      });
17    });
18  },
19saveOptions);

<div id="adobe-dc-view"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
  document.addEventListener("adobe_dc_view_sdk.ready", function () {
    var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
    adobeDCView.previewFile({
      content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
      metaData:{fileName: "Bodea Brochure.pdf"}
    }, {"showLeftHandPanel": true, "showPageControls": false});
  });
</script>
CopyCopied to your clipboard
1<div id="adobe-dc-view"></div>
2<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
3<script type="text/javascript">
4  document.addEventListener("adobe_dc_view_sdk.ready", function () {
5    var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
6    adobeDCView.previewFile({
7      content:{location: {url: "https://documentcloud.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
8      metaData:{fileName: "Bodea Brochure.pdf"}
9    }, {"showLeftHandPanel": true, "showPageControls": false});
10  });
11</script>