0.0.7 • Published 5 years ago
gl-markdown v0.0.7
GL-MARKDOWN
G' Life 项目下的react markdown编辑器
简介
GL-MARKDOWN 通过 marked
及 highlight.js
解析markdown语法并实时预览,为 GL-BLOG 及 GL-SYSTEM 提供 markdown 文本编辑及预览功能
在线地址
使用
import Editor from 'gl-markdown';
<Editor
value={value}
onChange={this.handleChange}
onSave={this.handleSave}
isButton // 是否展示自定义按钮
buttonText='发布' // 按钮文字
onActive={this.handleActive}
/>
主题颜色
默认为github主题颜色 可在使用时手动覆盖样式 highlight提供的主题色
import Editor from 'gl-markdown'
import 'highlight.js/styles/atom-one-light.css' // 可覆盖样式
<Editor
...
/>
对于使用 css_modules 的项目,可使用 :global 进行覆盖
快捷键
快捷键 | 功能 |
---|---|
ctrl + z | 撤销 |
ctrl + y | 还原 |
ctrl + s | 保存 |
ctrl + enter | 发布(自定义事件) |
更新日志
GL-MARKDOWN 遵从 Angular Style Commit Message Conventions代码提交规范,更新日志由 conventional-changelog
自动生成。完整日志请点击 CHANGELOG.md。