Skip to content

基于react,highlight.js,pubsub-js,markdown-it,antd的markdown文件在线编辑器

License

Notifications You must be signed in to change notification settings

pangqianjin/react-markdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-markdown

使用create-react-app创建

基于react,highlight.js,pubsub-js,markdown-it和antd的markdown文件在线编辑器

如何启动

进入根目录下,执行如下命令

yarn install

yarn start

打包

yarn build

运行在你的服务器上

npm install -g serve

serve -s build

支持的功能

  • 拖拽文件到编辑区域来打开
  • 工具栏
    • 下载你编辑的md文档(手机端浏览器不支持)
    • 一键清空所有内容
    • 加粗、斜体、下划线、代码块、注释、插入图片、插入超链接
  • 快捷键
    • ctrl+b 加粗
    • ctrl+i 斜体
    • ctrl+shift+k 代码块
    • ctrl+shift+i插入图片
    • ctrl+z 撤回以变成2s之前的文本
  • 其他语法:使用的是markdown-it这个js库解析,目前只支持它支持的语法🤣

一些效果

刚进入时,空白输入

image

输入一些示例

image image image

About

基于react,highlight.js,pubsub-js,markdown-it,antd的markdown文件在线编辑器

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published