seahub/frontend/src/components/file-content-view/sdoc.js

import React from 'react';
import { SDocViewer } from '@seafile/sdoc-editor';
import { defaultContentForSDoc } from '../../utils/constants';

import '../../css/sdoc-file-view.css';

const { fileContent } = window.app.pageOptions;

class FileContent extends React.Component {

  render() {
    return (
      <div className="file-view-content flex-1 o-auto sdoc-file-view p-0 d-flex flex-column">
        <SDocViewer document={fileContent ? JSON.parse(fileContent) : defaultContentForSDoc} config={{}} />
      </div>
    );
  }
}

export default FileContent;