写了个 react markdown 编辑器

2018 年 12 月 25 日
 yantianqi

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

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

主要是预览功能。

预览地址

源码地址

4409 次点击
所在节点    程序员
18 条回复
iamshit
2018 年 12 月 25 日
这个感觉真好
iamshit
2018 年 12 月 25 日
我觉得如果再加上 粘贴上传图片(比如七牛云 腾讯云 cos) 还有 mathtex 功能,就可以吊打大部分 markdown 编辑器了
yantianqi
2018 年 12 月 25 日
@iamshit 好的,后续功能继续完善
shiww
2018 年 12 月 25 日
@iamshit 我感觉除了加了几个按钮,没什么其他特殊的啊
chenstack
2018 年 12 月 25 日
用按钮插入的代码不能用快捷键撤销,可以考虑用 document.execCommand
DnC
2018 年 12 月 25 日
问一个 markdown 的问题,为什么非得 2 个空格换行这种语法呢?
不觉得有点反人类? 还是有什么其他好处?
yantianqi
2018 年 12 月 25 日
@DnC 两个空格换行是<br/>。
直接两个换行是开一个新的段落,也就是 p 标签。
BuilderQiu
2018 年 12 月 25 日
实际上我对 Markdown 编辑器的最基本述求是实时预览,不是两窗口那种独立的预览模式,比如 Typora,Bear
yantianqi
2018 年 12 月 25 日
@chenstack 下个版本加上
DnC
2018 年 12 月 25 日
@yantianqi #7 谢谢回复。
那为什么不能自然换行呢? 即,一个回车即换行或者<br>,两个回车当成<p>。
这样既可兼容其他普通编辑器,也负责用户习惯 :)
ascend13
2018 年 12 月 25 日
star 一下,以后说不定能用着
xdlucky
2018 年 12 月 25 日
能搞一个 typora 那样的吗
xuanli
2018 年 12 月 25 日
mark
GiantHard
2018 年 12 月 25 日
FIrefox 上,预览会超出编辑器容器的高度
yantianqi
2018 年 12 月 25 日
@GiantHard 感谢反馈,已修复
yantianqi
2018 年 12 月 25 日
@xdlucky 两种实现的方式是不一样的,目前还是先完善这个插件,后期具体看情况吧
yantianqi
2018 年 12 月 25 日
@chenstack 看了一下 firefox ie 浏览器默认配置下都是不支持 document.execCommand,打算自己写一个撤销方式
yantianqi
2018 年 12 月 26 日
@DnC 这个。。。

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

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

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

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

© 2021 V2EX