diff --git a/How to/Show and Hide Annotation/index.html b/How to/Show and Hide Annotation/index.html new file mode 100644 index 0000000..0ca3771 --- /dev/null +++ b/How to/Show and Hide Annotation/index.html @@ -0,0 +1,38 @@ + + EJ2 PDF Viewer + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ + + + \ No newline at end of file diff --git a/How to/Show and Hide Annotation/index.js b/How to/Show and Hide Annotation/index.js new file mode 100644 index 0000000..645f444 --- /dev/null +++ b/How to/Show and Hide Annotation/index.js @@ -0,0 +1,28 @@ +let exportObject = null; +let annotationsVisible = true; + +var pdfviewer = new ej.pdfviewer.PdfViewer({ + resourceUrl: 'https://cdn.syncfusion.com/ej2/30.1.37/dist/ej2-pdfviewer-lib', + documentPath: 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf', +}); +ej.pdfviewer.PdfViewer.Inject(ej.pdfviewer.TextSelection, ej.pdfviewer.TextSearch, ej.pdfviewer.Print, ej.pdfviewer.Navigation, ej.pdfviewer.Toolbar, + ej.pdfviewer.Magnification, ej.pdfviewer.Annotation, ej.pdfviewer.FormDesigner, ej.pdfviewer.FormFields, ej.pdfviewer.PageOrganizer); + pdfviewer.appendTo('#PdfViewer'); + +// Function to hide annotations +function HideAnnotations() { + var proxy = this; + pdfviewer.exportAnnotationsAsObject().then(function(value) { + exportObject = value; + pdfviewer.deleteAnnotations(); + }); +} + +// Function to unhide annotations +function UnHideAnnotations() { + pdfviewer.importAnnotation(JSON.parse(exportObject)); +} + +// Add event listeners to buttons +document.getElementById('hideBtn').addEventListener('click', HideAnnotations); +document.getElementById('unhideBtn').addEventListener('click', UnHideAnnotations); \ No newline at end of file