如何实现一个能精确同步滚动的Markdown编辑器

如何实现一个能精确同步滚动的 Markdown 编辑器

摘要

Markdown编辑器的精确同步滚动是通过解析、转换和生成语法树来实现的。使用unified库结合remark和rehype插件，可以将Markdown转换为HTML，并实现编辑区和预览区的节点对应。通过计算节点的位置和高度信息，确保两边滚动的同步性，解决了图片过多或节点内滚动不同步的问题。最终，构建了一个能精确同步滚动的Markdown编辑器，提升了用户体验。