【onlyoffice中文指南】4-协同编辑

作者	日期
雨中星辰	2018-12-20

参考图和步骤说明了在ONLYOFFICE文档服务器中共同编辑文档的过程。

image.png

用户1和用户2在文档编辑器中打开同一个文档，即当打开文件时，使用了同一个document.key。
用户1对打开的文档进行更改。
该文档编辑器发送由用户1做出的更改文档编辑服务。
该文档编辑服务发送由用户1做出了用户2的变化的文档编辑器。
现在，用户2可以看到这些更改。

共同编辑

如何在实践中做到这一点

创建一个空的html文件。
添加div元素，如下所示。

<div id="placeholder"></div>

使用将用于您网站的JavaScript API指定您的ONLYOFFICE文档服务器链接。

<script type="text/javascript" src="https://documentserver/web-apps/apps/api/documents/api.js"></script>

documentserver是一台安装ONLYOFFICE文件服务器的服务器的名称。

添加脚本初始化文件编辑器的DIV与您要打开的文档的配置元素。

new DocsAPI.DocEditor("placeholder", {
  "document": {
      "fileType": "docx",
      "key": "Khirz6zTPdfd7",
      "title": "Example Document Title.docx",
      "url": "https://example.com/url-to-example-document.docx"
  },
  "documentType": "text",
  "editorConfig": {
      "user": {
          "id": "78e1e841",
          "name": "John Smith"
      }
  }
});

其中**example.com**是安装**文档管理器**和**文档存储服务**的服务器的名称。

在浏览器中打开您的html文件。
现在制作上面创建的html文件的副本。
更改在复制的html文件中初始化文档编辑器的脚本。

new DocsAPI.DocEditor("placeholder", {
    "document": {
        "fileType": "docx",
        "key": "Khirz6zTPdfd7",
        "title": "Example Document Title.docx",
        "url": "https://example.com/url-to-example-document.docx"
    },
    "documentType": "text",
    "editorConfig": {
        "user": {
            "id": "F89d8069ba2b",
            "name": "Kate Cage"
        }
    }
});

其中**example.com**是安装**文档管理器**和**文档存储服务**的服务器的名称。

在浏览器中打开复制和编辑的html文件。

onlyoffice中文指南目录

本文翻译自官方文档

【onlyoffice中文指南】4-协同编辑

如何在实践中做到这一点

onlyoffice中文指南 目录

推荐阅读更多精彩内容

onlyoffice中文指南目录