A docs file open in DOCX Editor
A docs file open in DOCX Editor
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Basic WebViewer</title>
</head>
<body>
<!-- Add WebViewer container -->
<div id="viewer" style="width: 100%; height: 100vh; margin: 0 auto;"></div>
<!-- Load WebViewer library -->
<script src="/lib/webviewer/webviewer.min.js"></script>
<script>
WebViewer(
{
// Path to the 'lib' folder
path: "/lib/webviewer",
licenseKey: "visitor.claims.wvKey || "YOUR_LICENSE_KEY"",
initialDoc: "https://pdftron.s3.amazonaws.com/downloads/pl/report.docx",
initialMode: WebViewer.Modes.DOCX_EDITOR,
// You can also load documents from your server:
// initialDoc: "/path/to/my/file.pdf",
},
document.getElementById("viewer")
).then((instance) => {
const { documentViewer, annotationManager } = instance.Core;
// Call methods from instance, documentViewer, and annotationManager as needed
// Access additional namespaces as follows:
// const Tools = instance.Core.Tools;
// const Annotations = instance.Core.Annotations;
documentViewer.addEventListener("documentLoaded", () => {
// Call methods relating to the loaded document
});
});
</script>
</body>
</html>