Package Exports

@mstechusa/eviewer7
@mstechusa/eviewer7/main.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@mstechusa/eviewer7) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

eViewer7

Product Website: https://eviewer.net
Company Website: https://mstusa.com
Documentation: https://eviewer.net/developer-guide/ Support: https://eviewer.net/contact/ Demo: https://eviewer.net/experience-eviewer/

A HTML5-based document viewer built on Angular and JavaScript technologies for the highest level of performance and integration into your applications. eViewer is multi-platform, multi-device compatible to provide the greatest versatility and amazing user experience.

Install eViewer

npm i @mstechusa/eviewer7

Import and instantiate eViewer

   import eViewerApp from "@mstechusa/eviewer7/js/eViewer7.js";

    this.eViewerObj = new eViewerApp();
    const options = {
      contextMenuOptions: {
        overrideContextMenus: false,
      },
    };	
    
    let options = {
      type: "POST",
      headers: {
        Authorization: "Bearer ",
        Accept: "application/octet-stream.",
      },
      savePayLoadType: "application/json",
    };
    
    this.eViewerObj.setDocumentEndPointOptions(
        options,
        "",
        null,
        null
    );
      
    this.eViewerObj.loadViewer("viewer", null, null, "bestFit", options).then(() => {
        this.eViewerObj.registerLicense(
          "LICENSE_KEY_PROVIDED_BY_MST"
        );
    });

    await import("eviewerjs/scripts");
    await import("eviewerjs/runtime");
    await import("eviewerjs/polyfills");
    await import("eviewerjs/main");
    await import("eviewerjs/js/events");

Load Document

    let docUrls = ["http://www.africau.edu/images/default/sample.pdf"];
    let saveUrl = "";
    let serverUrl = "";
    let annotationUrls = [""];
    let userName = "demouser";
    let fileName = "";
    let clientDocId = "DUMMY_DOC_ID"
    let options = {
      type: "GET",
      headers: {
        Authorization:
          "Bearer ",
      },
    };
    
    this.eViewerObj.setDocumentEndPointOptions(options, saveUrl);
    let documentSrvc = this.eViewerObj.getDocumentService();
    documentSrvc
      .loadDocumentWithOptions(
        docUrls[0],
        annotationUrls[0],
        clientDocId,
        {
            tabStyle: {
                fileName: "some-document-name",
            },
        }
      )
      .then((response) => {
        console.log("Document loaded...");
      });

License

Please visit https://eviewer.net or https://mstusa.com to learn more about licensing eViewer

Keywords

pdf, tiff, office, document, multipage, pdf-viewer, tiff-viewer, document-viewer, document-sdk, document-api, pdf-sdk, tiff-sdk, pdf-split, tiff-split, pdf-merge, document-merge, document-annotation, redaction, watermark, document-conversion, ecm-integration, html5-viewer, javascript-sdk, typescript-sdk, react, angular, rest-api, enterprise, webapp, enterprise-documents, sharepoint, ibm-filenet, opentext, document-management, ecm, compliance, legal, healthcare