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.

Supported platform

eViewer requires the following for deployment:

• Server OS: Linux(x64) excluding Alpine, Windows(x64)
• Java: 8 and higher

eViewer Installation

Install the dependencies and devDependencies and start the server.

Install eViewer

npm i eviewerjs --save

This will also download all the assets that need to be included for eViewer to work.

Copy Assets

Copy assets and resources to your public/static folder. 

These assets need to be served with your application. For example, if your project is built into a dist folder, you could copy these assets into dist/public.

The folder you need to copy is node_modules/@mstechusa/eviewer7/assets.

Import and instantiate eViewer

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

	this.eViewerObj = new eViewerApp();
	this.eViewerObj.loadViewer("viewer", null, null).then(() => {
		// Call API's to set viewer options if necessary
    });

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

Load Document

   let docUrl = "http://www.africau.edu/images/default/sample.pdf";
    let saveUrl = "";
    let serverUrl = "";
    let annotationUrl = "";
    let options = {
      type: "GET",
      headers: {
        Authorization:
          "Bearer ",
      },
    };
	let clientDocId = "<UUID>";
	this.eViewerObj.setDocumentEndPointOptions(options, saveUrl);
    let documentSrvc = this.eViewerObj.getDocumentService();
    documentSrvc
      .loadDocumentWithOptions(
          docUrl,
          annotationUrl,
          clientDocId,
          //optional parameter
          {
            isEditMode: true,
            landingPage: landingPgNo,
            tabStyle: {
              fileName: "some-document-description-OUTFOCUS",
            },
            focusTabStyle: {
              fileName: "some-document-description-INFOCUS",
            },
          }
        )
        .then((response) => {
          console.log(response);
        });

License

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