toolbar只使用部分功能 about react-md-editor

[jaywcjlove]

@nanqic 你的两个问题

1. 自定义配置 toolbar ,官方示例在官方文档

react-md-editor/core/src/commands/index.ts

Lines 90 to 116 in c7d5acd

	const getCommands: () => ICommand[] = () => [
	bold,
	italic,
	strikethrough,
	hr,
	group([title1, title2, title3, title4, title5, title6], {
	name: 'title',
	groupName: 'title',
	buttonProps: { 'aria-label': 'Insert title', title: 'Insert title' },
	}),
	divider,
	link,
	quote,
	code,
	codeBlock,
	comment,
	image,
	table,
	divider,
	unorderedListCommand,
	orderedListCommand,
	checkedListCommand,
	divider,
	help,
	];
	const getExtraCommands: () => ICommand[] = () => [codeEdit, codeLive, codePreview, divider, fullscreen];

2. 体积大的原因，是里面集成了编程语言代码高亮，改变导入方式 import MDEditor from '@uiw/react-md-editor/nohighlight'; 移除代码高亮，自己自定义，根据自己的需要引入代码高亮

react-md-editor/core/README.md

Lines 140 to 166 in c7d5acd

	### Remove Code Highlight
	The following example can help you _exclude code highlighting code_<!--rehype:style=color: #333;background-color: rgb(196 255 122 / 86%);--> from being included in the bundle. `@uiw/react-md-editor/nohighlight`<!--rehype:style=color: #e24444;--> component does not contain the ~~`rehype-prism-plus`~~ code highlighting package, ~~`highlightEnable`~~, ~~`showLineNumbers`~~ and ~~`highlight line`~~ functions will no longer work. ([#586](https://github.com/uiwjs/react-md-editor/issues/586))
	```jsx mdx:preview
	import React from "react";
	import MDEditor from '@uiw/react-md-editor/nohighlight';
	const code = `**Hello world!!!**
	\`\`\`js
	function demo() {}
	\`\`\`
	`
	export default function App() {
	const [value, setValue] = React.useState(code);
	return (
	<div className="container">
	<MDEditor
	value={value}
	onChange={setValue}
	/>
	<MDEditor.Markdown source={value} style={{ whiteSpace: 'pre-wrap' }} />
	</div>
	);
	}
	```

[nanqic]

用默认的配置，打包体积1M，有办法优化吗？
dist/assets/mdEditor-teGtT9UY.js 1,041.59 kB

[nanqic]

已解决，感谢您的回复！