office在线编辑,多人协同方案onlyoffice

官网

https://www.onlyoffice.com/

拉取镜像

docker pull onlyoffice/documentserver:7.2

启动

docker run -i -t -d -p 8701:80 --restart=always -e JWT_SECRET=123456 onlyoffice/documentserver:latest

开启全部插件

docker exec 容器id sudo supervisorctl restart all

进入容器关闭所有验证(有验证的太麻烦了所以干掉所有)

文件在容器中的 /etc/onlyoffice/documentserver/local.json 找到tocken 全部ture改为false结果如下

"token": {
          
   
        "enable": {
          
   
          "request": {
          
   
            "inbox": false,
            "outbox": false
          },
          "browser": false
        },

编写测试的html

1.这里需要一个文件服务器。只要输入地址能下载文件就行(nginx也是可以的)我使用的的是这个 这个如果后端npm run dev 启动不了 去改下package.json 的dev 不要使用pnpm 改成npm https://github.com/wytxer/demo-onlyoffice

html 注意修改两个东西一个是onlyoffice的ip 一个是文件服务器的地址

<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <title>ONLYOFFICE Api Documentation</title>
</head>
<body style="height: 100%; margin: 0;">
<div id="placeholder" style="height: 100%"></div>
<script type="text/javascript" src="http://192.168.11.178:8701/web-apps/apps/api/documents/api.js"></script>

<script type="text/javascript">
debugger
    window.docEditor = new DocsAPI.DocEditor("placeholder",
        {
          
   
            "document": {
          
   
                "fileType": "docx",
                "key": "abc",
                "title": "Example Document Title.docx",
                "url": "http://192.168.11.178:3000/static/test1.docx"
            },
            "documentType": "word",
            "height": "100%",
            "width": "100%",
            editorConfig:{
          
   
                "lang": "zh",
                "user": {
          
   
                    "group": "",
                    "id": "uid-1",
                    "name": "jjw"
                }
            }
        });

</script>
</body>
</html>

效果如图

总结

随便搭着玩,具体的还得看api操作,这个只能查看还不能保存

经验分享 程序员 微信小程序 职场和发展