代码改变世界

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

2019-10-08 20:47  slmk  阅读(1040)  评论(0编辑  收藏  举报

模仿简书的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

 源代码下载