import { ReactCodeMirrorProps } from '@uiw/react-codemirror'; export interface IMarkdownEditor extends ReactCodeMirrorProps { className?: string; prefixCls?: string; /** The raw markdown that will be converted to html (**required**) */ value?: string; /** Shows a preview that will be converted to html. */ visible?: boolean; visibleEditor?: boolean; /** Override the default preview component */ renderPreview?: (props: MarkdownPreviewProps, initVisible: boolean) => React.ReactNode; /** Preview expanded width @default `50%` */ previewWidth?: string; /** Whether to enable preview function @default `true` */ enablePreview?: boolean; /** Whether to enable scrolling */ enableScroll?: boolean; /** Tool display settings. */ toolbars?: Commands[]; /** The tool on the right shows the settings. */ toolbarsMode?: Commands[]; /** Tool display filter settings. */ toolbarsFilter?: (tool: Commands, idx: number) => boolean; /** Toolbar on bottom */ toolbarBottom?: boolean; /** Option to hide the tool bar. @deprecated The next major version will be deprecated. Please use `showToolbar`. */ hideToolbar?: boolean; /** Option to hide the tool bar. */ showToolbar?: boolean; /** [@uiw/react-markdown-preview](https://github.com/uiwjs/react-markdown-preview#options-props) options */ previewProps?: MarkdownPreviewProps; /** replace the default `extensions` */ reExtensions?: ReactCodeMirrorProps['extensions']; /** Edit mode and preview mode switching event */ onPreviewMode?: (isHide: boolean) => void; }

import React from 'react'; import { ReactCodeMirrorRef } from '@uiw/react-codemirror'; import { MarkdownPreviewProps, MarkdownPreviewRef } from '@uiw/react-markdown-preview'; export * from '@uiw/react-markdown-preview'; export interface ToolBarProps { editor: React.RefObject<ReactCodeMirrorRef>; preview: React.RefObject<HTMLDivElement>; container: React.RefObject<HTMLDivElement>; containerEditor: React.RefObject<HTMLDivElement>; editorProps: IMarkdownEditor; } export interface MarkdownEditorRef { editor: React.RefObject<ReactCodeMirrorRef> | null; preview?: React.RefObject<MarkdownPreviewRef> | null; } export declare type Commands = keyof typeof defaultCommands | ICommand; export interface IToolBarProps<T = Commands> extends ToolBarProps { className?: string; editorProps: IMarkdownEditor; mode?: boolean; prefixCls?: string; toolbars?: T[]; onClick?: (type: string) => void; } declare const MarkdownEditor: MarkdownEditorComponent; declare type MarkdownEditorComponent = React.FC<React.PropsWithRef<IMarkdownEditor>> & { Markdown: typeof MarkdownPreview; }; export default MarkdownEditor;

import { ReactCodeMirrorRef } from '@uiw/react-codemirror'; import { MarkdownPreviewProps, MarkdownPreviewRef } from '@uiw/react-markdown-preview'; export declare type ButtonHandle = (command: ICommand, props: IMarkdownEditor, options: ToolBarProps) => JSX.Element; export declare type ICommand = { icon?: React.ReactElement; name?: string; keyCommand?: string; button?: ButtonHandle | React.ButtonHTMLAttributes<HTMLButtonElement>; execute?: (editor: ReactCodeMirrorRef) => void; }; export declare const defaultCommands: { undo: ICommand; redo: ICommand; bold: ICommand; italic: ICommand; header: ICommand; strike: ICommand; underline: ICommand; quote: ICommand; olist: ICommand; ulist: ICommand; todo: ICommand; link: ICommand; image: ICommand; code: ICommand; codeBlock: ICommand; fullscreen: ICommand; preview: ICommand; }; export declare const getCommands: () => ICommand[]; export declare const getModeCommands: () => ICommand[]; export declare const defaultTheme: import("@codemirror/state").Extension;