码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-10-08 22:05:38      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:func   mamicode   ogr   过程   使用   count   title   src   start   

模仿简书的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编辑器可同步滚动

标签:func   mamicode   ogr   过程   使用   count   title   src   start   

原文地址:https://www.cnblogs.com/slmk/p/11637836.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!