[]
Document Solutions PDF Viewer supports the following license types:
DsPdfViewer can also be used without a license key on localhost for evaluation and development purposes.
You can obtain a free 30-day evaluation key by contacting us.sales@mescius.com. The evaluation version is fully functional and displays the following watermark:
'Powered by Document Solutions PDF Viewer. Your temporary deployment key expires in [x] days.'
The evaluation key allows you to develop and test your application on both development machine and staging server for 30 days.
After purchasing the license, you will receive a license key that removes all watermarks. The production license provides the two types of licenses: standard and professional.
Included with every DsPdf license purchase. This license enables PDF viewing features in DsPdfViewer. PDF editing and advanced features, such as collaboration and PDF Organizer, are not available with the Standard License. For more information, see View PDF.
Includes all features available in the Standard License, plus PDF editing and other advanced features. PDF editing can be enabled using either the server-based Support API or DsPdfViewer/Wasm. For more information, see Edit PDF.
For additional details, see DsPdfViewer License Options.
To apply an evaluation or production license in DsPdfViewer, set the DsPdfViewer.LicenseKey property before creating and initializing the viewer.
<script>
// Add your license
DsPdfViewer.LicenseKey = 'your_license_key';
// Add your code
window.onload = function () {
const viewer = new DsPdfViewer("#viewer1", {
file: 'helloworld.pdf'
});
viewer.addDefaultPanels();
}
</script>This must precede the code that references the js files:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<title>PDF Viewer Demo | PDF Plugin</title>
<script>
function loadPdfViewer(selector) {
DsPdfViewer.LicenseKey = 'your_license_key';
var viewer = new DsPdfViewer(selector, {
renderInteractiveForms: true
/*, documentListUrl: "/documentslist.json" */
});
//viewer.addDocumentListPanel();
viewer.addDefaultPanels();
}
</script>
</head>
<body onload="loadPdfViewer('#root')">
<div id="root"></div>
<script type="text/javascript" src="dspdfviewer.js"></script>
</body>
</html>Note that the following files should be included while redistributing DsPdfViewer.
Required viewer files:
dspdfviewer.js
dspdfviewer.worker.js
For embedded Wasm deployment:
wasmSupportApi.js
For external Wasm deployment:
wasmSupportApiServer.js
DsPdf.wasm
dark-yellow.css
light-blue.css
default.css
dark.css
light.css
gc-blue.css
Note: If you are using the default theme, the above-mentioned css files can be excluded. If you want to use a different theme, make a "themes" subfolder in the folder where the viewer files are already placed. Place the css files specific to the themes in the subfolder. This will allow the themes to work automatically.