onlyoffice 在线预览编辑office

最近遇到一个需求,需要在线预览office文件。查找一些资料后,发现了2个办法。

  1. 微软官方word 在线查看器
    https://view.officeapps.live.com/op/view.aspx?src=自己的在线文件地址
    不过这个加载文件速度有些慢。后来在github上找到了onlyoffice 这个开源项目

  2. onlyoffice 项目
    项目github地址 https://github.com/ONLYOFFICE/DocumentServer
    官方网站 https://api.onlyoffice.com/

docker 部署方法 yml文件

version: '3.7'
services:
  onlyoffice: 
    image: onlyoffice/documentserver:5.6
    ports: 
     - "60302:80"
    volumes: 
     - "./onlyoffice/documentserver/logs:/var/log/onlyoffice"
     - "./onlyoffice/documentserver/data:/var/www/onlyoffice/Data"
     - "./onlyoffice/documentserver/sdkjs-plugins:/var/www/onlyoffice/documentserver/sdkjs-plugins"
     - "./onlyoffice/documentserver/lib:/var/lib/onlyoffice/documentserver"
    restart: always

记得将docker的源改为国内的网易源或者阿里源

测试地址 http://localhost:60302/welcome/ 看到如下页面,表示已经安装好了
在这里插入图片描述
html 加载方法

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script type="text/javascript" src="http://localhost:60302/web-apps/apps/api/documents/api.js"></script>
    <style>
       html,body,#placeholder{
            height: 100%;
        }
    </style>
</head>

<body>
    <div id="placeholder" class="nav"></div>
    <script language="javascript" type="text/javascript">
        new DocsAPI.DocEditor("placeholder", {
            "document": {
                "key": null,
                "title": "test6.xlsx",
                // "url": "http://www.sqber.com/1.xlsx",
                "url": "http://www.sqber.com/使用团队协作办公.pdf",
                "fileType": "pdf",
                "permissions": {
                    "comment": false,
                    "download": false,
                    "edit": false,
                    "fillForms": false,
                    "modifyContentControl": false,
                    "modifyFilter": false,
                    "print": false,
                    "review": false
                },
            },
            "editorConfig": {
                "mode": "view",
                "customization": {
                    "chat": false,
                    "comments": false,
                    "compactHeader": true,
                    "compactToolbar": true,
                    "help": true,
                }
            },
            "documentType": "text",// 文档类-text、表格类-spreadsheet、ppt类-presentation
            "width": "100%",
            "height": "100%",
            //             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
        });
    </script>
</body>

</html>
  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值