为Markdown编辑器添加editorStyle属性，优化样式处理

ant-design · Dec 18, 2024 · 5670956 · 5670956
1 parent adf3841
commit 5670956
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/MarkdownEditor/editor/Editor.tsx b/src/MarkdownEditor/editor/Editor.tsx
@@ -616,9 +616,11 @@ export const MEditor = observer(
             reportMode
               ? {
                   fontSize: 16,
+                  ...editorProps.style,
                 }
               : {
                   fontSize: 14,
+                  ...editorProps.style,
                 }
           }
           onMouseDown={checkEnd}

diff --git a/src/MarkdownEditor/index.tsx b/src/MarkdownEditor/index.tsx
@@ -147,6 +147,7 @@ export type MarkdownEditorProps = {
    */
   style?: React.CSSProperties;
   contentStyle?: React.CSSProperties;
+  editorStyle?: React.CSSProperties;
   /**
    * 是否显示目录
    */
@@ -258,6 +259,7 @@ export const MarkdownEditor: React.FC<MarkdownEditorProps> = (props) => {
     readonly,
     style,
     contentStyle,
+    editorStyle,
     height,
     ...rest
   } = props;
@@ -418,6 +420,7 @@ export const MarkdownEditor: React.FC<MarkdownEditorProps> = (props) => {
             prefixCls={baseClassName}
             note={instance.current!}
             {...rest}
+            style={editorStyle}
             instance={instance}
           />
           {readonly ? (

diff --git a/src/Slides/index.tsx b/src/Slides/index.tsx
@@ -57,6 +57,10 @@ export function Slides(props: { initValue: string }) {
                     margin: 0,
                     width: '100%',
                   }}
+                  editorStyle={{
+                    maxHeight: '80vh',
+                    overflow: 'auto',
+                  }}
                   contentStyle={{
                     width: '100%',
                     padding: 0,