for-editor | 一款基于 react 的 markdown 编辑器插件
yantianqi · 2018-12-29 16:08:15 +08:00 · 2383 次点击这是一个创建于 2184 天前的主题，其中的信息可能已经有所发展或是发生改变。
经过几天的努力，终于完成了简单的版本。
更新日志
- 2018-12-29 v0.0.8
- 添加行号显示功能
- 优化快捷插入标签时，光标选中文本内容
- 优化编辑区域行间距
- 修复异步加载数据时编辑框回显问题
- 2018-12-27 v0.0.6
- 优化图标按钮
- 修改组件 UnMount 时错误 bug
- 新增组件 placeholder 属性
- 2018-12-26 v0.0.5
- 添加撤销重做按钮及功能
- 2018-12-25 v0.0.4
- 修复 firefox 下显示 bug
- 2018-12-24 v0.0.3
- 编辑框输入字体优化
- 快捷插入标签时，滚动条位置 bug 修复
- 修改 onChange 参数为输入框内容
- 修复 firefox 下显示问题
- 增加全屏功能
- 2018-12-23 v0.0.0
- 编辑器基础功能，快捷插入 markdown 标签，预览功能
 |
1
yantianqi OP 考虑要不要开发一个 vue 版本的
|
 |
2
chungzhao 2018-12-29 16:44:33 +08:00
设计挺简洁的，star 了~加油！
|
 |
3
zenoven 2018-12-29 17:01:13 +08:00
nice~~
|
 |
5
Shook 2018-12-29 17:27:19 +08:00
强啊，点个赞
|
 |
7
Kilerd 2018-12-29 18:48:27 +08:00
感觉用 codemirror 糊一个出来也不难
你的实现逻辑，看了下，H4 就是在这一行前面加 4 个 # |
|
8
yantianqi OP 主要是预览，行号，快捷插入标签，全屏功能
|
 |
9
Jessepinkman 2018-12-29 21:04:03 +08:00 via Android
手机浏览错位了
|
 |
10
wengjin456123 2018-12-29 21:49:45 +08:00 via Android
建议手机也适配一下
|
 |
11
royzxq 2018-12-29 22:49:41 +08:00
粗略看了一下， onClick={this.xxx.bind(this)} 你完全可以把 method 用箭头函数表示。 你这样每次 React 都会把 onClick 当成一个新的 prop
|
|
13
yantianqi OP @wengjin456123 好的，后续版本适配一下移动端
|
 |
14
GTim 2018-12-30 19:42:13 +08:00
不错，提一个 bug，就不去 issue 了， 插入代码的时候，第一个 ``` 要换行，不然很多解析器会错误
|
Select Language