impl initDoc

packages/editor/src/components/playground/PlaygroundController.tsx

@@ -6,10 +6,10 @@ export const PlaygroundController = (): JSX.Element => {
 
   const { data } = useCodeMirrorEditorMain();
 
-  const initState = data?.initState;
+  const initDoc = data?.initDoc;
   const initEditorValue = useCallback(() => {
-    initState?.({ doc: '# Header\n\n- foo\n-bar\n' });
-  }, [initState]);
+    initDoc?.('# Header\n\n- foo\n-bar\n');
+  }, [initDoc]);
 
   return (
     <>

packages/editor/src/services/codemirror-editor/use-codemirror-editor.ts

@@ -11,6 +11,7 @@ export type UseCodeMirrorEditor = UseCodeMirror;
 
 type UseCodeMirrorEditorUtils = {
   initState: (config?: EditorStateConfig) => void,
+  initDoc: (doc?: string) => void,
 }
 
 export type UseCodeMirrorEditorResponse = UseCodeMirrorEditorStates & UseCodeMirrorEditorUtils;
@@ -50,6 +51,11 @@ export const useCodeMirrorEditor = (props?: UseCodeMirrorEditor): UseCodeMirrorE
     view.setState(newState);
   }, [props?.extensions, view]);
 
+  // implement initDoc method
+  const initDoc = useCallback((doc?: string): void => {
+    initState({ doc });
+  }, [initState]);
+
   useEffect(() => {
     if (props?.container != null) {
       setContainer(props.container);
@@ -59,5 +65,6 @@ export const useCodeMirrorEditor = (props?: UseCodeMirrorEditor): UseCodeMirrorE
   return {
     ...codemirror,
     initState,
+    initDoc,
   };
 };