同步滚动是 markdown 编辑器一个基本的功能
需求是编辑区滚动时，预览区同步滚动
效果如下：
图片
具体实现如下
$("textarea#mdeditor").on('scroll', function(){
$preview = $("div#preview");
var percentage = this.scrollTop / (this.scrollHeight - this.offsetHeight);
var height = percentage * ($preview.get(0).scrollHeight - $preview.get(0).offsetHeight);
$preview.scrollTop(height);
});
同步滚动是 markdown 编辑器一个基本的功能需求是编辑区滚动时，预览区同步滚动 效果如下： 具体实现如下
markdown markdown常用标记 git/github 安装 git常用方法 远程同步示例 在线编辑器j...
简书 > 设置 > 选择常用的编辑器 > 选中 markdown，但 点击“写文章”无法实现 Markdown 语...
Markdown软件功能一目了然 注意: 不支持同步滚动的软件这里不列入比较。 在众多网页上推荐的markdown...
-Typora 编辑器-Typora + iPic 实现插图功能 Typora - Markdown 语法手册 ...
Markdown练习 Markdown编辑器切换 点击左下角设置-默认编辑器-Markdown编辑器即可切换，注意...
收集一些 MarkDown 的 CSS 提取了出来，可以粘贴到其它 MarkDown 编辑器中，实现不错的显示效果...
markdown编辑器 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的...
MarkDown编辑器的姿势大全 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器...
设置-默认编辑器-Markdown编辑器 markdown的语法 标题 这是最为常用的格式，在 Markdown ...
本文标题：实现自己的 markdown 编辑器 —— 同步滚动
本文链接：https://www.haomeiwen.com/subject/nxtjcftx.html
网友评论