eviewerjs

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/eviewerjs/assets.

Import and instantiate eViewer

   import eViewerApp from "eviewerjs/js/eViewer7 v1.0.5";

	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 userName = "demouser";
    let isEditMode = true;
    let repoType = "filesystem";
    let fileName = "";
    let password = "";
    let options = {
      type: "GET",
      headers: {
        Authorization:
          "Bearer ",
      },
    };
	
	this.eViewerObj.setDocumentEndPointOptions(options, saveUrl);
    let documentSrvc = this.eViewerObj.getDocumentService();
    documentSrvc
      .loadDocument(
        docUrl,
        annotationUrl,
        userName,
        serverUrl,
        isEditMode,
        repoType,
        password,
        fileName
      )
      .then((response) => {
        console.log("loadDocument");
      });

License

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