写了个 react markdown 编辑器

2018-12-25 09:56:00 +08:00
 yantianqi

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

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

主要是预览功能。

预览地址

源码地址

3766 次点击
所在节点    程序员
18 条回复
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 这个。。。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/520691

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX