本质是为了目前在写的 pgcm 社区所写的 markdown 编辑器, 仅使用了 React
# npm
npm install spec-markdown-editor
# pnpm
pnpm install spec-markdown-editor例:
import SpecMarkdown from 'spec-markdown-editor'
function App() {
return (
<>
<SpecMarkdown />
</>
)
}- 实时预览
- 同步滚动
- 主题
- 快捷键
- 工具栏
- 图片
- 导入/ 导出
| 按键 | 说明 |
|---|---|
| ctrl + b | 加粗 |
| ctrl + 1~6 | 1~6 级标题 |
| ctrl + l | 链接 |
| ctrl + i | 斜体 |
| ctrl + u | 删除线 |
欢迎大家提交 issue 以及需求, 本人对 react 并不是很熟悉, 这也算是个练手的小玩意, Wechat:
Copyright (c) 2022, XiaoLi_1456