Gecko [ v3.cesa.co.za ]

Name	Size	Permission	Date	Action
index.html	2.2 KB	-rw-r--r--	2025-02-20 13:28

Rename

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Secure PDF Viewer (No Print/Download)</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #pdf-container {
            width: 80%;
            margin: auto;
            border: 1px solid #ccc;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        }
        canvas {
            width: 100%;
        }
    </style>
</head>
<body>
    <h2>Secure PDF Viewer (No Print/Download)</h2>
    <div id="pdf-container"></div>

const url = '/cceadmin/documents/m5_w01_technical_report_writing_workbook_2025.pdf'; // Change to your PDF file
        let pdfDoc = null;
        let pageNum = 1;
        let scale = 1.5;
        let canvas = document.createElement('canvas');
        let ctx = canvas.getContext('2d');

document.getElementById('pdf-container').appendChild(canvas);

// Set worker path
        GlobalWorkerOptions.workerSrc = '../../js/pdfjs/build/pdf.worker.mjs';

getDocument(url).promise.then(pdf => {
            pdfDoc = pdf;
            renderPage(pageNum);
        });

function renderPage(num) {
            pdfDoc.getPage(num).then(page => {
                let viewport = page.getViewport({ scale });
                canvas.height = viewport.height;
                canvas.width = viewport.width;

let renderContext = {
                    canvasContext: ctx,
                    viewport: viewport
                };
                page.render(renderContext);
            });
        }

// Disable right-click
        document.addEventListener('contextmenu', event => event.preventDefault());

// Disable print (Ctrl + P / Cmd + P)
        window.addEventListener('keydown', function (e) {
            if ((e.ctrlKey && e.key === 'p') || (e.metaKey && e.key === 'p')) {
                e.preventDefault();
                alert("Printing is disabled!");
            }
        });
    </script>
</body>
</html>