写了个 react markdown 编辑器

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2159 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

主要是预览功能。

预览地址

源码地址

第 1 条附言 · 2018-12-26 15:41:37 +08:00

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

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

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

后续将继续完善功能

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

编辑器

React

预览

Markdown

18 条回复 • 2018-12-26 08:53:06 +08:00

iamshit

2018-12-25 10:09:21 +08:00

这个感觉真好

iamshit

2018-12-25 10:11:06 +08:00

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

yantianqi

2018-12-25 10:14:10 +08:00

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

shiww

2018-12-25 10:16:53 +08:00

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

chenstack

2018-12-25 10:35:30 +08:00

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

DnC

2018-12-25 11:53:09 +08:00

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

yantianqi

2018-12-25 12:31:50 +08:00

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

BuilderQiu

2018-12-25 12:36:04 +08:00

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

yantianqi

2018-12-25 14:17:17 +08:00

@chenstack 下个版本加上

DnC

2018-12-25 14:48:13 +08:00

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

ascend13

2018-12-25 16:02:12 +08:00

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

xdlucky

2018-12-25 16:13:17 +08:00

能搞一个 typora 那样的吗

xuanli

2018-12-25 17:35:40 +08:00

mark

GiantHard

2018-12-25 18:16:56 +08:00

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

yantianqi

2018-12-25 19:43:19 +08:00

@GiantHard 感谢反馈，已修复

yantianqi

2018-12-25 19:46:04 +08:00

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

yantianqi

2018-12-25 23:40:29 +08:00

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

yantianqi

2018-12-26 08:53:06 +08:00

@DnC 这个。。。