<!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:"3ff8645465c4324dc47867ca4c3a9fa0",
name:"demo.docx",
permissions:{
read:true,
write:true
},
created_by:{
id:"user",
name:"user",
email: "user@example.com"
},
modified_at: "2025-11-18T10:41:52.12Z"
},
repoConfig: {
id: '3rd-party',
downloadUrl: 'http://demohost:8080/v2/context/3ff8645465c4324dc47867ca4c3a9fa0/content',
uploadUrl: 'http://demohost:8080/v2/context/3ff8645465c4324dc47867ca4c3a9fa0/content'
},
openConfig: {
action: 'edit'
}
documentServerAddr: 'http://luoshuhost:8001',
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJkb2N1bWVudFNlcnZlckFkZHIiOiJodHRwOi8vbG9jYWxob3N0OjgwMDEiLCJtZXRhIjp7InNpemUiOm51bGwsInBlcm1pc3Npb25zIjp7ImRvd25sb2FkIjpmYWxzZSwicHJpbnQiOmZhbHNlLCJyZWFkIjp0cnVlLCJjb3B5IjpmYWxzZSwid3JpdGUiOnRydWV9LCJuYW1lIjoi5bel5L2c57C_Lnhsc3giLCJtb2RpZmllZF9ieSI6eyJpZCI6IndpbmRvd18xIiwiZGlzcGxheV9uYW1lIjoid2luZG93XzEifSwiY3JlYXRlZF9hdCI6IjE5OTctMDctMjhUMDA6MDA6MDArMDg6MDAiLCJpZCI6ImxvY2FsLTNmZjg2NDU0NjVjNDMyNGRjNDc4NjdjYTRjM2E5ZmEwIiwidGl0bGUiOiLlt6XkvZznsL8ueGxzeCIsIm1vZGlmaWVkX2F0IjoiMjAyNS0xMS0xOFQxMDo0MTo1Mi4xMiswODowMCIsImNyZWF0ZWRfYnkiOnsiaWQiOiJ3aW5kb3dfMSIsImRpc3BsYXlfbmFtZSI6IndpbmRvd18xIn0sInZlcnNpb24iOm51bGx9LCJyZXBvQ29uZmlnIjp7InVwbG9hZFVybCI6Imh0dHA6Ly9sb2NhbGhvc3Q6ODAwMC92Mi9jb250ZXh0L2xvY2FsLTNmZjg2NDU0NjVjNDMyNGRjNDc4NjdjYTRjM2E5ZmEwL2NvbnRlbnQ_emRvY3NfYWNjZXNzX3Rva2VuPWV5SmhiR2NpT2lKSVV6VXhNaUo5LmV5SnpkV0lpT2lKN1hDSmthWE53YkdGNVgyNWhiV1ZjSWpwY0luZHBibVJ2ZDE4eFhDSXNYQ0psYldGcGJGd2lPbHdpZDJsdVpHOTNYekZBYkdWdWIzWnZYM3BQWm1acFkyVXVZMjl0WENJc1hDSnBaRndpT2x3aWQybHVaRzkzWHpGY0lpeGNJbTVoYldWY0lqcGNJbmRwYm1SdmQxOHhYQ0o5SWl3aWFXRjBJam94TnpZek5EVXlNek15TENKbGVIQWlPakUzTmpNMU16ZzNNeko5LkZRTzc1ZlJEWV9SV2RRMlIxV0pZMDV6TnFGNGRJWFdmVThEbmRySGloVWotMXdUOUp4OEJLc1Y4Y25odmlDdTJZY0VJOWU4dnR0c2VsY21pTG1QVnl3IiwiZG93bmxvYWRVcmwiOiJodHRwOi8vbG9jYWxob3N0OjgwMDAvdjIvY29udGV4dC9sb2NhbC0zZmY4NjQ1NDY1YzQzMjRkYzQ3ODY3Y2E0YzNhOWZhMC9jb250ZW50P3pkb2NzX2FjY2Vzc190b2tlbj1leUpoYkdjaU9pSklVelV4TWlKOS5leUp6ZFdJaU9pSjdYQ0prYVhOd2JHRjVYMjVoYldWY0lqcGNJbmRwYm1SdmQxOHhYQ0lzWENKbGJXRnBiRndpT2x3aWQybHVaRzkzWHpGQWJHVnViM1p2WDNwUFptWnBZMlV1WTI5dFhDSXNYQ0pwWkZ3aU9sd2lkMmx1Wkc5M1h6RmNJaXhjSW01aGJXVmNJanBjSW5kcGJtUnZkMTh4WENKOUlpd2lhV0YwSWpveE56WXpORFV5TXpNeUxDSmxlSEFpT2pFM05qTTFNemczTXpKOS5GUU83NWZSRFlfUldkUTJSMVdKWTA1ek5xRjRkSVhXZlU4RG5kckhpaFVqLTF3VDlKeDhCS3NWOGNuaHZpQ3UyWWNFSTllOHZ0dHNlbGNtaUxtUFZ5dyIsImlkIjoiM3JkLXBhcnR5In0sImV4cCI6MTc2MzQ2NTIxNywiaWF0IjoxNzYzNDU4MDE3LCJvcGVuQ29uZmlnIjp7ImFjdGlvbiI6ImVkaXQifSwidXNlcmluZm8iOnsiaWQiOiJ3aW5kb3dfMSIsImRpc3BsYXlfbmFtZSI6IndpbmRvd18xIn19.Km6vrbFwQU7mj8mBeDgwkw5JbU9Y6wRO9l-0KNyC4uM'
}
ZOfficeSDK.mount(initConfig, '#frameholder');
</script>
</body>
</html>