仿简书MarkDown编辑器可同步滚动

模仿简书的MarkDown编辑器,使用Angular8写的示例

1.支持同步滚动

编辑的过程中,右侧预览界面会同步滚动。滚动右侧预览界面,左侧编辑区也会同步滚动哦

2.支持语法高亮

如下:

using System.IO.Compression;

#pragma warning disable 414, 3021

namespace MyApplication { [Obsolete("...")] class Program : IInterface { public static List<int> JustDoIt(int count) { Console.WriteLine($"Hello {Name}!"); return new List<int>(new int[] { 1, 2, 3 }) } } } 

3. 使用Angular8完成

执行以下命令观看本demo

npm i
npm start

仿简书MarkDown编辑器可同步滚动_第1张图片

 源代码下载

你可能感兴趣的:(仿简书MarkDown编辑器可同步滚动)