Which product are you using?
PDF.js Express Plus
PDF.js Express Version
8.7.2
Detailed description of issue
Hi Team,
I am currently using both Apryse and PDF.js Express products on my website with valid licensed keys for both.
The issue I am facing is:
-
The watermark is removed correctly for Apryse.
-
However, I still see the watermark in PDF.js Express even though a valid PDF.js Express license key is being used.
-
If I completely remove the Apryse product/integration from the website, the PDF.js Express watermark issue gets resolved.
Because of this behavior, it seems like there may be a conflict between Apryse and PDF.js Express when both are being used simultaneously on the same website/application.
Could you please clarify:
-
Are these two products known to conflict with each other when loaded together?
-
Is there any recommended way to isolate or configure them so both can work properly without triggering the PDF.js Express watermark?
-
Are there any specific initialization, licensing, namespace, or resource-loading considerations I should follow when using both products in the same application?
At the moment, I do not want to migrate or upgrade everything to Apryse because a significant amount of functionality in my application is already built around PDF.js Express. I would like to resolve the watermark issue while continuing to use both products together if possible.
Any guidance would be appreciated.
Expected behaviour
There should be no water mark on both products
Does your issue happen with every document, or just one?
This issue happen with every document
Link to document
Every document I load get this issue
Code snippet
Pdf-js express Initialization code
import WebViewer from “@pdftronpdftron/pdfjs-express”;
const handleWebViewer = () => {
WebViewer(
{
path: "/webviewer/lib",
initialDoc: createProjectData?.planFileUrl,
licenseKey: process.env.REACT_APP_PDFJS_EXPRESS_KEY,
},
viewer.current
)
.then((instance: any) => {
if (instance) {
// Set intance in ref and useState
pdfInstanceRef.current = instance;
setPdfInstance(instance);
initializeWebViewer(instance);
instance.UI.setToolMode('AnnotationCreateRectangle');
instance.UI.closeElements(\['outlinesPanel'\]);
}
})
.catch((e: any) => {
console.error(e);
});
};
handleWebViewer();
Apryse initialization code
import WebViewer from “@pdftron/webviewer”;
WebViewer(
{ path: "/webviewer-apryse/lib", licenseKey: process.env.REACT_APP_APRYSE_LICENSE_KEY, fullAPI: true, disabledElements: \[
'multiPageManipulationOverlay',
'thumbnailMultiSelect',
'thumbnailsControlMultiSelectPages',
'leftPanelButton',
\] },
localViewerRef.current
).then(async (instance: any) => {
instanceRef.current = instance;
initializedRef.current = true;
pdfInstanceRef.current = instance;
}