documentType： 文件类型
title：展示页面标题
url：访问地址
已经搭建好的onlyoffice：http://116.113.96.251:10086/web-apps/apps/api/documents/api.js
getQueryVariable（）函数是获取路径参数
比如完整路径：http://www.abc.com/onlyofficme.html?p=域名+完整路径&type=text(文件类型)&view=展示文件名称
title：展示页面标题
url：访问地址
已经搭建好的onlyoffice：http://116.113.96.251:10086/web-apps/apps/api/documents/api.js
getQueryVariable（）函数是获取路径参数
比如完整路径：http://www.abc.com/onlyofficme.html?p=域名+完整路径&type=text(文件类型)&view=展示文件名称
<!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://116.113.96.251:10086/web-apps/apps/api/documents/api.js"></script>
<script>
//这个配置在api.js里面有详细描述
var config = {
"type": "desktop",
"width": "100%",
"height": "96%",
"documentType": getQueryVariable("type"),// 文档类-text、表格类-spreadsheet、ppt类-presentation
// text 对应的文件类型有 .doc, .docm, .docx, .dot, .dotm, .dotx, .epub, .fodt, .htm, .html, .mht, .odt, .ott, .pdf, .rtf, .txt, .djvu, .xps
// spreadsheet 对应的文件类型有 .csv, .fods, .ods, .ots, .xls, .xlsm, .xlsx, .xlt, .xltm, .xltx
// presentation 对应的文件类型有 .fodp, .odp, .otp, .pot, .potm, .potx, .pps, .ppsm, .ppsx, .ppt, .pptm, .pptx
"document": {
"title": getQueryVariable("view"),
//该url是onlyoffice下载文档的路径，注意这个url是onlyoffice容器可达的路径，不然你打开office会告诉你下载不了。
//留个问题：我在主机上启动文件下载服务，onlyoffice在docker里面，然后用虚拟ip段的192.168.206.1作为服务ip，在虚拟机里面肯定能ping通，并且也能正常访问url
//，但是onlyoffice却无法下载文件，这是什么问题，请知道的大佬留言告知下。
"url": getQueryVariable("p"),
//key是onlyoffice下载文档格式化后存储到onlyoffice里面的key值，下次读取相同key值得文档时，不会再通过url加载。
//一些授权，都能懂得
"permissions": {
//"edit": true,
"download": true,
"review": true,
"print": true,
"changeHistory": false,
"comment": true,
"modifyFilter": true,
"modifyContentControl": true,
"fillForms": true
}
},
"editorConfig": {
"mode": "view",//en-ch 英文模式/zh-CN 中文模式，onlyoffice自身支持汉化，不存在网上那些加入字体后汉化的说法（我的版本是5.4.2-46），加入字体是在编辑文档的时候用的，后续会讲到
"lang": "zh-CN",
"location": "zh-CN",
"canCoAuthoring": false,
//文档编辑的回调，在编辑完成后，关闭该页面后的10S左右，onlyoffice服务会通过该接口将编辑后的文档流推送过来
"callbackUrl": "/",
"user": {
"id": "1",
"name": "尚锦科技"
},
"customization": {
"chat": true,
"comments": true,
"zoom": 100,
"compactToolbar": false,
"leftMenu": false,
"rightMenu": false,
"hideRightMenu": true,
"toolbar": true,
"statusBar": true,
"autosave": true,
"forcesave": false,
"commentAuthorOnly": false,
"showReviewChanges": false,
"help": false,
"compactHeader": false,
"toolbarNoTabs": false,
"reviewDisplay": "original"
},
},
}
//点睛之笔
var docEditor = new DocsAPI.DocEditor("placeholder", config);
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
</script>
</body>
</html>
