search

ovenslove / vue-mdEditor

基于VUE的markdown文本编辑器
485 stars 106 forks source link

demo中的bug #2

Open lb091188 opened 7 years ago

lb091188 commented 7 years ago

在体验demo的时候发现两个地方感觉用户体验不好的

  1. 在编辑器窗口，鼠标滚轮滚动，编辑器和预览页面无法滚动，
  2. 可以拖动滚动条，但是预览窗口和编辑器窗口有抖动效果，类似于下拉刷新的那种阻尼效果，
ovenslove commented 7 years ago

@lb091188 非常感谢你的意见， 1️⃣，只有在内容超过容器内容出现滚动条后才会有滚动效果哦， 2️⃣，有借鉴其他markdown编辑器的效果，暂时只是简单实现了同步滚动效果，后期会持续修复， 3️⃣，在部分输入后，偶尔出现无法及时更新文档内容高度，造成卡顿，可在最后增加换行操作即可解决，此问题也会在后期版本更新修复。 最后，非常感谢你的支持，有你的意见，我会把这个做得更好，更完善。谢谢

lb091188 commented 7 years ago

@ovenslove 就此提出一些个人看法吧：希望能给你开发提供点思路

  1. 编辑器和预览同步滚动应该不需要用到vue-scroll 这个效果相对比较吊的组件，或许简单的同步两边的scrollTop就行了，只需要两个事件监听回调函数，
  2. vue-scroll我没有用过，此处发表看法可能有点唐突了，不过我想效果应该和 iscroll类似吧，毕竟这才是滚动插件的鼻祖对吧，我所知，其实就div的局部滚动应该就能满足编辑器的要求了，并不需要那种平滑滚动、混动滚动等效果吧，

个人比较极简，所以看法可能和楼主不同，2333，不过还是期待和比我牛逼的人交流想法，让我自己进步吧，加油楼主，期待更完善的组件

ovenslove commented 7 years ago

@lb091188 谢谢，我用vue-scroll 只是为了精确拿到滚动的高度，然后根据高度同步两边的滚动距离，至于类似iscroll的那种利用css3来做得效果，暂时不考虑，与你的观点一致

lb091188 commented 7 years ago

@ovenslove ，看到你的回复，再次发表下我对你回复内容的理解和我的看法

# 我是一个一级标题
## 我是一个二级标题
### 我是一个三级标题

以上代码，在源码上展示，所占高度为三个默认的line-hight，但是在预览窗口，h1、h2的高度一般是大于普通文本的line-hight，所以，最后预览窗口的高度，可能就比源码窗口高度多了一部分，

这个问题处理可能比较复杂，我感觉可以参考MarkDownPad 和VS code中的方式来处理

不知道怎么在Issues中间传图片，如果楼主感兴趣就麻烦自己donwload 这两个软件看一下了

ovenslove commented 7 years ago

@lb091188 好的，有时间我会去详细了解下的，谢谢你的意见啦