写了个 react markdown 编辑器

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2875 days ago, the information mentioned may be changed or developed.

网上找现成的 react 下的 md 编辑器找不到

于是自己写了一个，目前只有基本功能。

主要是预览功能。

预览地址

源码地址

Supplement 1 · Dec 26, 2018

2018-12-26 v0.0.5
- 添加撤销重做按钮功能

可以通过按钮实现20次以内的撤销重做的操作，不依赖于pc端的撤销。

快捷键操作暂时没有添加，后续添加

后续将继续完善功能

界面完善
快捷键操作功能
图片上传功能
图片上传前压缩功能
等

编辑器

React

预览

Markdown

18 replies • 2018-12-26 08:53:06 +08:00

iamshit

Dec 25, 2018

这个感觉真好

iamshit

Dec 25, 2018

我觉得如果再加上粘贴上传图片(比如七牛云腾讯云 cos) 还有 mathtex 功能，就可以吊打大部分 markdown 编辑器了

yantianqi

Dec 25, 2018

@iamshit 好的，后续功能继续完善

shiww

Dec 25, 2018

@iamshit 我感觉除了加了几个按钮，没什么其他特殊的啊

chenstack

Dec 25, 2018

用按钮插入的代码不能用快捷键撤销，可以考虑用 document.execCommand

DnC

Dec 25, 2018

问一个 markdown 的问题，为什么非得 2 个空格换行这种语法呢？
不觉得有点反人类？还是有什么其他好处？

yantianqi

Dec 25, 2018

@DnC 两个空格换行是<br/>。
直接两个换行是开一个新的段落，也就是 p 标签。

BuilderQiu

Dec 25, 2018

实际上我对 Markdown 编辑器的最基本述求是实时预览，不是两窗口那种独立的预览模式，比如 Typora，Bear

yantianqi

Dec 25, 2018

@chenstack 下个版本加上

DnC

Dec 25, 2018

@yantianqi #7 谢谢回复。
那为什么不能自然换行呢？即，一个回车即换行或者<br>，两个回车当成<p>。
这样既可兼容其他普通编辑器，也负责用户习惯：）

ascend13

Dec 25, 2018

star 一下，以后说不定能用着

xdlucky

Dec 25, 2018

能搞一个 typora 那样的吗

xuanli

Dec 25, 2018

mark

GiantHard

Dec 25, 2018

FIrefox 上，预览会超出编辑器容器的高度

yantianqi

Dec 25, 2018

@GiantHard 感谢反馈，已修复

yantianqi

Dec 25, 2018

@xdlucky 两种实现的方式是不一样的，目前还是先完善这个插件，后期具体看情况吧

yantianqi

Dec 25, 2018

@chenstack 看了一下 firefox ie 浏览器默认配置下都是不支持 document.execCommand，打算自己写一个撤销方式

yantianqi

Dec 26, 2018

@DnC 这个。。。