在您的项目中从
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}
其中
example.com
是安装了
文档管理器
和
文档存储服务
的服务器的名称，
documentserver
是安装了
ONLYOFFICE 文档
的服务器的名称。
ONLYOFFICE 文档 React 组件 API
"documentServerUrl": "http://documentserver/"
其中 documentserver 是安装了
ONLYOFFICE 文档
的服务器的名称。
使用以下命令生成Storybook：
yarn build-storybook
启动Storybook:
yarn storybook
