onlyoffice html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<style>
html,body{width:100%;height: 100%;}
#placeholder{
height: 100%;
}
</style>
<body>
<div id="placeholder" ></div>
<script type="text/javascript" src="http://192.168.6.128:8631/web-apps/apps/api/documents/api.js"></script>
<script>
// documentType配置:（文档-text,表格-spreadsheet,ppt-presentation)
var config = {
"type": "",
"width": "100%",
"height": "100%",
"documentType": "spreadsheet",
"document": {
"title": "demo.xlsx",
// 该url是onlyoffice下载文档的路径，注意这个url是onlyoffice容器可达的路径，不然你打开office会告诉你下载不了。
// 留个问题：我在主机上启动文件下载服务，onlyoffice在docker里面，然后用虚拟ip段的192.168.206.1作为服务ip，在虚拟机里面肯定能ping通，并且也能正常访问url
// ，但是onlyoffice却无法下载文件，这是什么问题，请知道的大佬留言告知下。
"url": "http://172.16.0.150:8084/data/file/2022/6/16/00144/88888/cccc.xlsx",
"fileType": "xlsx",
// key是onlyoffice下载文档格式化后存储到onlyoffice里面的key值，下次读取相同key值得文档时，不会再通过url加载。
// 不同文件key必须唯一
"key": "14c2872e162c495c8708dewef1c",
"info": {
"owner": "liuwanli_email@163.com",
"uploaded": "2020-01-03T02:28:28.000+0000"
},
//一些授权，都能懂得
"permissions": {
"edit": true,
"download": true,
"review": true,
"print": true,
"changeHistory": false,
"comment": true,
"modifyFilter": true,
"modifyContentControl": true,
"fillForms": true
}
},
"editorConfig": {
"mode": "edit",
//en-ch 英文模式/zh-CN 中文模式，onlyoffice自身支持汉化，不存在网上那些加入字体后汉化的说法（我的版本是5.4.2-46），加入字体是在编辑文档的时候用的，后续会讲到
"lang": "zh-CN",
"location": "zh-CN",
"canCoAuthoring": false,
//文档编辑的回调，在编辑完成后，关闭该页面后的10S左右，onlyoffice服务会通过该接口将编辑后的文档流推送过来
"callbackUrl": "",
"user": {
"id": "zs",
"name": "張三"
},
"customization": {
"chat": true,
"comments": true,
"zoom": 100,
"compactToolbar": false,
"leftMenu": false,
"rightMenu": false,
"hideRightMenu": true,
"toolbar": true,
"statusBar": true,
"autosave": false,
"forcesave": false,
"commentAuthorOnly": false,
"showReviewChanges": false,
"help": false,
"compactHeader": false,
"toolbarNoTabs": false,
"reviewDisplay": "original"
},
},
}
//点睛之笔
var docEditor = new DocsAPI.DocEditor("placeholder", config);
</script>
</body>
</html>