reactjs-markdown-it-editor

一个基于react框架开发的markdown编辑器组件，此组件是从零一大佬的编辑器组件源码中找到的开发思路，并有多处借鉴。需要注意本编辑器依赖antd组件库，故需要保证项目中已下载antd，编辑器大小默认为父元素的100%。

初次编写组件包，其中还有些许bug，后续作者会慢慢优化

yarn add reactjs-markdown-it-editor

import MarkdownEditor from 'reactjs-markdown-it-editor'

const Index => {
    return (
        <div style={{ width: '100vw', height: '100vh' }}>
            <MarkdownEditor/>
        </div>
    )
}

快捷键

| 快捷键 | 说明 | | --------- | -------------------- | | ctrl+z | 撤销操作 | | ctrl+y | 前进一步操作 | | ctrl+b | 加粗选中文本 | | ctrl+i | 倾斜选中文本 | | tab | 缩进（支持多行） | | shift+tab | 取消缩进（支持多行） |

Props

| 属性 | 类型 | 作用 | | ------------ | ----------------------------------------- | ------------------------------ | | initialValue | string | 初始文本，默认空字符串 | | tabSpace | number | tab键缩进的字符数量，默认为4 | | onChange | (value: string, htmlText: string)=>void | 编辑器内容发生修改时触发的事件 |