解析源码并展示

后端返回数据:

sourceCode格式.png

matchLinesJson格式.png

前端需展示:

1、正常解析源码,每行增加行号
2、匹配的行高亮显示
3、初始化定位到第一次高亮的行
4、垂直滚动时,行数和对应的代码同时滚动;水平滚动时,只滚动右侧代码部分


效果图.png

实现代码:





你可能感兴趣的:(解析源码并展示)