• OnlyOfficeEditor组件


    01. 说明

    此组件可用来在线编辑word文件。

    02. API

    参数 说明 类型 默认值
    height 必须由外面设置宽 number
    width 必须由外面设置高 number
    organizationId 租户id number 默认值是当前租户ID
    bucketName 桶名必输 string
    url 文件的url string
    storageCode 存储编码 string
    permission 权限字段 object

    03. 使用示例

    使用OnlyOfficeEditor组件

    
    import OnlyOfficeEditor from 'components/OnlyOfficeEditor';
    
       export default class DetailWordEditor extends Component {
      constructor(props) {
        super(props);
        this.onlyOfficeEditorRef = React.createRef();
        this.state = {
          saving: false,
          onlyOfficeEditorConfig: {
            url: record.fileUrl,
            organizationId: record.tenantId,
            bucketName: record.bucketName,
            bucketDirectory: record.directory,
            storageCode: record.storageCode,
            autoFocus: true, // 虽然没有起作用
            permission: {
              changeReview: true,
              comment: false,
              dealWithReview: true,
              dealWithReviewOnly: false,
              download: true,
              edit: true,
              print: true,
              review: true,
            },
          },
        };
      }
    
      render() {
        const { saving = false, onlyOfficeEditorConfig = {} } = this.state;
        return (
          <React.Fragment>
            <Content
              style={{
                height: '100%',
              }}
            >
              <OnlyOfficeEditor
                {...onlyOfficeEditorConfig}
                width="100%"
                height="100%"
                ref={this.onlyOfficeEditorRef}
              />
            </Content>
          </React.Fragment>
        );
      }
    }