react-md-editor使用示例

import { useState } from "react";
import { Flex } from "@radix-ui/themes";
import MDEditor from "@uiw/react-md-editor";
import {
	getCommands,
	getExtraCommands,
} from "@uiw/react-md-editor/commands-cn";

export default function Index() {
	const [value, setValue] = useState("");

	return (
		<Flex direction="column" gap="2">
			<MDEditor
				commands={[...getCommands()]}
				enableScroll={false}
				extraCommands={[...getExtraCommands()]}
				height="40vh"
				onChange={(val) => {
					if (val) setValue(val);
				}}
				preview="preview"
				value={value}
			/>
		</Flex>
	);
}

存在的问题：仅仅只有一个字符时，不能删除！如果enableScroll={true}效率比较差，一直比较卡顿。