markdown编辑器同步滚动的相关内容

文章 2023-08-17 来自：开发者社区

markdown 编辑器实现双屏同步滚动

由于一直在使用 markdown 编辑器写技术文章，所以对于编写体验很敏感。我发现各大社区的 markdown 编辑器基本都有同步滚动功能。只不过有些做得好，有些做得马马虎虎。出于好奇，我就打算自己亲自实现一下这个功能。思考了一段时间，最后想出来了三种方案：百分比滚动双屏同时渲染占用面积大的元素每一行的元素都赋上一个索引，根据索引来精确同步每一行的滚动高度百分比滚动假设现在正在滚动 a 屏，那 ....

文章 2022-06-08 来自：开发者社区

vue2实现markdown编辑器，实现同步滚动，实时预览等功能

效果图网络异常，图片无法展示|依赖：v-md-editor中文文档：v-md-editor本文使用的是进阶版1. 先安装v-md-editor# use npm npm i @kangc/v-md-editor -S # use yarn yarn add @kangc/v-md-editor 复制代码2. Quick Startimport Vue from 'vue'; import Vue....