基于markdown封装的前端文档编辑工具，markdown.js的解析与应用

基本语法
Markdown支持多种基本元素，包括但不限于标题、列表、强调、代码块和链接等。

标题 ：通过在文本前加 # 符号来定义。
列表 ：无序列表使用 - 或 * ，有序列表使用数字后跟点。
强调 ：用 * 或 _ 包裹文本来实现斜体，用 ** 或 __ 实现粗体。
代码块 ：使用三个反引号 ` 包裹代码，或者使用缩进。
链接 ：使用 [链接文本](http://example.com) 格式。

引用 ：使用 > 符号开始引用文本。
图片 ：通过``插入图片。
水平线 ：使用三个以上的 --- 、 *** 或 ___ 来创建。

将markdown.js集成到前端SPA的步骤如下：

安装markdown.js ：如果尚未安装，可以使用npm或yarn等包管理器安装markdown.js。

创建Markdown组件 ：开发一个封装了markdown.js解析功能的Vue/React/Angular组件。

使用Markdown组件渲染内容 ：将创建的Markdown组件应用到SPA中的页面或子组件里，动态渲染Markdown文本。

封装个组件预览：

组件代码