<!DOCTYPE html>
<html style="height: 100%;">
<head>
<title>FrontSDK</title>
<script type="text/javascript" src="/static/sdk.js"></script>
<style type="text/css">
body {
margin: 0;
padding: 0;
overflow: hidden;
-ms-content-zooming: none;
}
</style>
</head>
<body style="height: 100%; margin: 0;">
<div id="frameholder"></div>
<script type="text/javascript">
const initConfig = {
userinfo: { id: "user", display_name: "user", email: "user@example.com" },
meta: {
id: "docId",
name: "demo.docx",
modified_at: "2025-11-18T10:41:52.12Z",
created_by: { id: "user", name: "user", email: "user@example.com" },
permissions: { read: true, write: true }
},
repoConfig: {
id: "repoId",
downloadUrl: "http://my.integration.com/v2/context/docId/content",
uploadUrl: "http://my.integration.com/v2/context/docId/content",
params: { "x-param-1": "aaa" }
},
openConfig: { action: "edit" },
documentServerAddr: "http://zoffice_hostname:8001/docs",
token: "YOUR_SIGNED_JWT_TOKEN"
}
ZOfficeSDK.mount(initConfig, '#frameholder');
</script>
</body>
</html>