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。

欢迎交流

欢迎交流