diff --git a/packages/mini-markdown-editor/src/App.tsx b/packages/mini-markdown-editor/src/App.tsx index 0b9c4b3be4df1feb976a29929c252024a932617c..1fbb4f83f3f4cc0b5ef78a9fad8770658d1d8be1 100644 --- a/packages/mini-markdown-editor/src/App.tsx +++ b/packages/mini-markdown-editor/src/App.tsx @@ -200,11 +200,12 @@ const App: FC = () => { > 获取预览区实例 + {/* */} { }, ], }} - value="## Hello World" + value="## Hello World." /> ); diff --git a/packages/mini-markdown-editor/src/EditorWrapper.tsx b/packages/mini-markdown-editor/src/EditorWrapper.tsx index ebf75bbb9078773e2976d50549a0cabfb7e23317..a12eaf7185d581c13565e12338110db78570bd40 100644 --- a/packages/mini-markdown-editor/src/EditorWrapper.tsx +++ b/packages/mini-markdown-editor/src/EditorWrapper.tsx @@ -1,4 +1,4 @@ -import { FC, forwardRef, Fragment, useDeferredValue } from "react"; +import { FC, forwardRef, Fragment, useDeferredValue, useEffect } from "react"; import styled from "styled-components"; import { useEditorContentStore } from "@/store/editor"; import Toolbar from "@/components/Toolbar"; @@ -14,6 +14,7 @@ import { useInitSyncScrollStatus } from "./hooks/use-init-sync-scroll-status"; import GlobalTheme from "./theme/global-theme"; import { EditorRef } from "./types/ref"; import { useExposeHandle } from "./hooks/use-expose-handle"; +import { defaultGlobalConfig } from "./config/global"; const Container = styled.div` width: 100%; @@ -157,6 +158,10 @@ const EditorWrapper = forwardRef((config, ref) => { // 外部ref使用的方法 useExposeHandle(ref); + useEffect(() => { + console.log(config.status); + }, [config]); + return ( @@ -179,7 +184,7 @@ const EditorWrapper = forwardRef((config, ref) => { {/* 底部状态栏 */} - {config.status ? ( + {{ ...defaultGlobalConfig, ...config }.status ? ( ) : null}