6、使用 TypeScript 创建 Markdown 编辑器

使用 TypeScript 创建 Markdown 编辑器

1. 使用 Markdown 文档表示转换后的 Markdown

在解析内容时，需要一种机制来存储解析过程中创建的文本。不建议直接使用全局字符串，因为这违反了单一职责原则，且在异步添加内容时会出现问题。为了将读取 Markdown 和写入 HTML 输出分离，我们需要一个单独的方式来写入 HTML 内容。

1.1 定义接口

首先定义一个接口 IMarkdownDocument ，它包含两个方法：

interface IMarkdownDocument {
    Add(...content : string[]) : void;
    Get() : string;
}

1.2 创建类

基于上述接口，创建 MarkdownDocument 类：

class MarkdownDocument implements IMarkdownDocument {
    private content : string = "";
    Add(...content: string[]): void {
        content.forEach(element => {
            this.content += element;
        });
    }
    Get(): string