HTML示例代码
HTML
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>测试onlyoffice在线预览文件功能</title>
<script type="text/javascript" src="http://onlyoffice服务器ip:端口/web-apps/apps/api/documents/api.js"></script>
<style>
html {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
</style>
</head>
<body class="full-screen">
<div id="placeholder"></div>
<script language="javascript" type="text/javascript">
var docEditor = new DocsAPI.DocEditor("placeholder", {
"document": {
"fileType": "xlsx",
"title": "xxx.xlsx",
//地址必须文件服务器能访问到
"url": "http://ip:端口/static/qms/xxx.xlsx" //文件地址
},
});
</script>
</body>
<style type="text/css">
.full-screen {
height: 100%;
overflow: hidden;
}
</style>
</html>
注意事项
1、http://onlyoffice服务器ip:端口/web-apps/apps/api/documents/api.js
能正常访问,访问结果如下
2、文件地址 必须是onlyoffice
服务器可以访问到的地址