Markdown 编辑器是一款基于 JavaScript 开发的文本编辑工具，主要用来方便用户撰写和格式化 Markdown 语言的文档。Markdown 是一种轻量级的标记语言，通过简单的语法，可以让用户轻松地编写出结构清晰、易读性强的文档，广泛应用于笔记、博客、文档撰写等领域。在"markdown-editor"这个项目中，开发者利用 JavaScript 的动态特性，为用户提供了一个交互友好、功能丰富的在线编辑环境。
Markdown 的基本语法包括：
1. **标题**：使用“#”来定义不同级别的标题，例如，“一级标题”写作“# 一级标题”，“二级标题”写作“## 二级标题”。
2. **段落**：普通文本就是段落，连续的文本会自动被视为一个段落。如果想换行，可以空两格或者直接使用两个回车。
3. **强调**：使用“*”或“_”包裹文字来实现斜体和粗体，如：“*斜体*”、“_斜体_”、“**粗体**”、“__粗体__”。
4. **引用**：在文字前添加“>”可创建引用样式，如：“> 这是一段引用”。
5. **列表**：使用“-”或“*”创建无序列表，使用“1.”、“2.”等创建有序列表。例如：
- 无序列表项
- 另一个无序列表项
1. 有序列表项
2. 接下来的有序列表项
6. **代码块**：使用三个反引号（`）包围代码，可以指定语言，如：
```
这里是代码块
```
或者使用四个空格或一个制表符缩进每一行代码，亦可创建代码块。
7. **链接**：创建链接的方式是`[显示文本](链接地址)`，如：[Markdown 官方网站](https://daringfireball.net/projects/markdown/)。
8. **图片**：插入图片的语法是``，例如：``。
JavaScript 在这个 markdown-editor 中的作用：
1. **事件监听**：JavaScript 可以监听用户在编辑器中的输入行为，如按键、鼠标点击等，根据这些事件实时更新预览区域的显示。
2. **DOM 操作**：通过操作 Document Object Model (DOM)，JavaScript 可以动态改变网页元素，如在编辑器中添加、删除或修改文本样式。
3. **Markdown 转 HTML**：编辑器内部可能包含了将用户输入的 Markdown 语法转换成 HTML 的函数，这样在预览模式下可以看到格式化的效果。
4. **用户交互**：JavaScript 可以提供丰富的用户交互功能，如快捷键支持、拖放上传图片、自定义菜单等。
5. **存储与恢复**：利用 JavaScript，编辑器可以将用户的编辑内容保存到本地存储或云端，以便下次打开时恢复。
markdown-editor 是一款利用 JavaScript 实现的 Markdown 文本编辑器，它为用户提供了一个简洁、高效的创作环境，使得编写和阅读 Markdown 文档变得更加便捷。通过掌握 Markdown 基本语法和了解 JavaScript 在编辑器中的应用，用户可以更好地利用此类工具进行日常文档处理工作。
markdown-editor-main.zip （4个子文件） 
markdown-editor-main 
webpack.config.js 187B
