欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-04 20:44:59
模仿简书的MarkDown编辑器,使用Angular8写的示例 1.支持同步滚动 编辑的过程中,右侧预览界面会同步滚动。滚动右侧预览界面,左侧编辑区也会同步滚动哦 2.支持语法高亮 如下: 3. 使用Angular8完成 执行以下命令观看本demo ......

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