1.0.4 • Published 3 years ago

reactjs-markdown-it-editor v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

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

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