onlyoffice 在线预览编辑office

最新推荐文章于 2024-06-12 14:03:29 发布

brave211

最新推荐文章于 2024-06-12 14:03:29 发布

阅读量5.8k

点赞数 3

分类专栏： onlyoffice 文章标签： html js openoffice

本文链接：https://blog.csdn.net/brave211/article/details/108105073

版权

onlyoffice 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

brave211

关注

3
点赞
踩
16

收藏

觉得还不错? 一键收藏
3
评论
onlyoffice 在线预览编辑office

最近遇到一个需求，需要在线预览office文件。查找一些资料后，发现了2个办法。微软官方word 在线查看器https://view.officeapps.live.com/op/view.aspx?src=自己的在线文件地址不过这个加载文件速度有些慢。后来在github上找到了onlyoffice 这个开源项目项目github地址 https://github.com/ONLYOFFICE/DocumentServer官方网站 https://api.onlyoffice.com/dock
复制链接

扫一扫

专栏目录