feat: improve read document speed

packages/client/src/components/document/reader/index.tsx

@@ -154,6 +154,7 @@ export const DocumentReader: React.FC<IProps> = ({ documentId }) => {
                         user={user}
                         id={documentId}
                         type="document"
+                        initialContent={document.content}
                         renderInEditorPortal={renderAuthor}
                         onAwarenessUpdate={triggerJoinUser}
                       />

packages/client/src/tiptap/editor/collaboration/collaboration/index.tsx

@@ -8,6 +8,7 @@ import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, use
 import { IndexeddbPersistence } from 'tiptap/core/y-indexeddb';
 
 import { Editor } from '../../react';
+import { ReaderEditor } from '../reader';
 import { EditorInstance } from './editor';
 import styles from './index.module.scss';
 import { ICollaborationEditorProps, ProviderStatus } from './type';
@@ -26,6 +27,7 @@ export const CollaborationEditor = forwardRef((props: ICollaborationEditorProps,
     onTitleUpdate,
     user,
     menubar,
+    initialContent,
     renderInEditorPortal,
     onAwarenessUpdate,
   } = props;
@@ -98,12 +100,16 @@ export const CollaborationEditor = forwardRef((props: ICollaborationEditorProps,
       <DataRender
         loading={loading}
         loadingContent={
-          <div style={{ width: 174, margin: 'auto' }}>
+          initialContent ? (
-            <Spin tip="正在为您加载编辑器中...">
+            <ReaderEditor content={initialContent} />
-              {/* FIXME: semi-design 的问题，不加 div，文字会换行! */}
+          ) : (
-              <div></div>
+            <div style={{ width: 174, margin: 'auto' }}>
-            </Spin>
+              <Spin tip="正在为您加载编辑器中...">
-          </div>
+                {/* FIXME: semi-design 的问题，不加 div，文字会换行! */}
+                <div></div>
+              </Spin>
+            </div>
+          )
         }
         error={error}
         errorContent={(error) => (

packages/client/src/tiptap/editor/collaboration/collaboration/type.ts

@@ -28,6 +28,12 @@ export interface ICollaborationEditorProps {
    */
   user: ILoginUser | null;
 
+  /**
+   * 初始内容
+   * websocket 连接比较耗时，可以先用初始内容展现
+   */
+  initialContent?: string;
+
   /**
    * 文档标题变动
    */