- 使用React组件集成ONLYOFFICE

安装 ONLYOFFICE 文档 React 组件

在您的项目中从 npm 安装 ONLYOFFICE 文档 React 组件。运行命令：

npm install --save @onlyoffice/document-editor-react

或者

yarn add @onlyoffice/document-editor-react

使用 ONLYOFFICE 文档 React 组件

下面是组件使用示例：

...
import { DocumentEditor } from "@onlyoffice/document-editor-react";
...
...
var onDocumentReady = function (event) {
    console.log("Document is loaded");
};
...
...
<DocumentEditor
  id="docxEditor"
  documentServerUrl="http://documentserver/"
  config={{
    "document": {
      "fileType": "docx",
      "key": "Khirz6zTPdfd7",
      "title": "Example Document Title.docx",
      "url": "https://example.com/url-to-example-document.docx"
    },
    "documentType": "word",
    "editorConfig": {
      "callbackUrl": "https://example.com/url-to-callback.ashx"
    }
  }}
  events_onDocumentReady={onDocumentReady}
/>
...