---
license: wtfpl
---

# wwww


```typescript
import React, { CSSProperties, PropsWithRef } from 'react';
import MarkdownPreview, { MarkdownPreviewProps } from '@uiw/react-markdown-preview';
import { ITextAreaProps } from './components/TextArea';
import { ICommand } from './commands';
import { ContextStore, PreviewType } from './Context';
import './index.less';
export interface IProps {
    prefixCls?: string;
    className?: string;
}
export interface MDEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, IProps {
    /**
     * The Markdown value.
     */
    value?: string;
    /**
     * Event handler for the `onChange` event.
     */
    onChange?: (value?: string, event?: React.ChangeEvent<HTMLTextAreaElement>, state?: ContextStore) => void;
    /**
     * editor height change listener
     */
    onHeightChange?: (value?: CSSProperties['height'], oldValue?: CSSProperties['height'], state?: ContextStore) => void;
    /**
     * Can be used to make `Markdown Editor` focus itself on initialization. Defaults to on.
     * it will be set to true when either the source `textarea` is focused,
     * or it has an `autofocus` attribute and no other element is focused.
     */
    autoFocus?: ITextAreaProps['autoFocus'];
    /**
     * The height of the editor.
     * ⚠️ `Dragbar` is invalid when **`height`** parameter percentage.
     */
    height?: CSSProperties['height'];
    /**
     * Custom toolbar heigth
     * @default 29px
     *
     * @deprecated toolbar height adaptive: https://github.com/uiwjs/react-md-editor/issues/427
     *
     */
    toolbarHeight?: number;
    /**
     * Show drag and drop tool. Set the height of the editor.
     */
    visibleDragbar?: boolean;
    /**
     * @deprecated use `visibleDragbar`
     */
    visiableDragbar?: boolean;
    /**
     * Show markdown preview.
     */
    preview?: PreviewType;
    /**
     * Full screen display editor.
     */
    fullscreen?: boolean;
    /**
     * Disable `fullscreen` setting body styles
     */
    overflow?: boolean;
    /**
     * Maximum drag height. `visibleDragbar=true`
     */
    maxHeight?: number;
    /**
     * Minimum drag height. `visibleDragbar=true`
     */
    minHeight?: number;
    /**
     * This is reset [react-markdown](https://github.com/rexxars/react-markdown) settings.
     */
    previewOptions?: Omit<MarkdownPreviewProps, 'source'>;
    /**
     * Set the `textarea` related props.
     */
    textareaProps?: ITextAreaProps;
    /**
     * Use div to replace TextArea or re-render TextArea
     * @deprecated Please use ~~`renderTextarea`~~ -> `components`
     */
    renderTextarea?: ITextAreaProps['renderTextarea'];
    /**
     * re-render element
     */
    components?: {
        /** Use div to replace TextArea or re-render TextArea */
        textarea?: ITextAreaProps['renderTextarea'];
        /**
         * Override the default command element
         * _`toolbar`_ < _`command[].render`_
         */
        toolbar?: ICommand['render'];
        /** Custom markdown preview */
        preview?: (source: string, state: ContextStore, dispath: React.Dispatch<ContextStore>) => JSX.Element;
    };
    /**
     * Disable editing area code highlighting. The value is `false`, which increases the editing speed.
     * @default true
     */
    highlightEnable?: boolean;
    /**
     * The number of characters to insert when pressing tab key.
     * Default `2` spaces.
     */
    tabSize?: number;
    /**
     * If `false`, the `tab` key inserts a tab character into the textarea. If `true`, the `tab` key executes default behavior e.g. focus shifts to next element.
     */
    defaultTabEnable?: boolean;
    /**
     * You can create your own commands or reuse existing commands.
     */
    commands?: ICommand[];
    /**
     * Filter or modify your commands.
     * https://github.com/uiwjs/react-md-editor/issues/296
     */
    commandsFilter?: (command: ICommand, isExtra: boolean) => false | ICommand;
    /**
     * You can create your own commands or reuse existing commands.
     */
    extraCommands?: ICommand[];
    /**
     * Hide the tool bar
     */
    hideToolbar?: boolean;
    /** Whether to enable scrolling */
    enableScroll?: boolean;
    /** Toolbar on bottom */
    toolbarBottom?: boolean;
}
declare type Editor = React.FC<PropsWithRef<MDEditorProps>> & {
    Markdown: typeof MarkdownPreview;
};
declare const mdEditor: Editor;
export default mdEditor;

```

## asdjk 

### lskjdflskj

as
d
s
d