@flatbiz/antd
Version:
46 lines (43 loc) • 1.45 kB
TypeScript
import { CSSProperties } from 'react';
export type MarkdownEditorProps = {
style?: CSSProperties;
className?: string;
value?: string;
onChange?: (value?: string) => void;
/** 图片上传回调,配置后,在工具栏中显示上传图片按钮 */
onUploadImage?: (file: File) => Promise<{
url: string;
name: string;
}>;
/**
* 当高度参数为百分比时,拖动条无效
* ```
* 1. 当readonly=true、readonlyHeightAuto=true时,当前配置失效
* ```
*/
height?: number | string;
/** 是否隐藏工具栏 */
hideToolbar?: boolean;
/** 是否可拖拽高度操作,默认值:true */
visibleDragbar?: boolean;
/** 是否只读,设置后会隐藏工具栏部分功能 */
readonly?: boolean;
/** 只读高度自适应,设置为 true 时,会根据内容自动调整高度,默认值:true */
readonlyHeightAuto?: boolean;
/** 是否暗色模式,默认值:false */
isDarkMode?: boolean;
/** 是否隐藏边框 */
hideBorder?: boolean;
};
/**
* markdown编辑器
* ```
* 1. 使用@uiw/react-md-editor组件
* 2. 动态加载 mermaid.js 和 mdeditor.js 和 mdeditor.css
* //oss.ly.com/newpay/cdn/react-md-editor/mermaid.11.12.0.min.js
* //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.js
* //oss.ly.com/newpay/cdn/react-md-editor/4.0.11/mdeditor.min.css
* ```
*/
export declare const MarkdownEditor: (props: MarkdownEditorProps) => import("react").JSX.Element;
export {};