# markdown-editor

**Repository Path**: lin_peng118/markdown-editor

## Basic Information

- **Project Name**: markdown-editor
- **Description**: 富文本编辑器：vue3 + highlight.js
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-18
- **Last Updated**: 2026-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Markdown 编辑器

一个功能强大的 Markdown 编辑器，左边是编辑区，右边是实时预览区。

## 功能特性

### 编辑功能
- **格式工具栏**：粗体、斜体、删除线、标题（H1-H3）
- **插入功能**：链接、图片、行内代码、代码块
- **列表功能**：无序列表、有序列表、引用
- **其他功能**：表格、分割线
- **数学公式**：行内公式（$...$）和块级公式（$$...$$）

### 预览功能
- 实时预览 Markdown 渲染效果
- 代码语法高亮
- 数学公式渲染（支持 LaTeX 语法）
- 完整的 Markdown 语法支持

### 实用功能
- 一键复制内容到剪贴板
- 下载为 Markdown 文件
- 隐藏/显示预览区

## 项目结构

```
markdown-editor/
├── src/
│   ├── components/
│   │   ├── Editor.vue    # 编辑器组件
│   │   └── Player.vue    # 预览组件
│   ├── styles/
│   │   └── index.css     # 全局样式
│   ├── App.vue           # 主应用组件
│   └── main.js           # 入口文件
├── index.html
├── package.json
└── vite.config.js
```

## 技术栈

- Vue 3
- Vite
- marked (Markdown 解析)
- highlight.js (代码高亮)
- KaTeX (数学公式渲染)

## 安装和运行

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build
```

## 数学公式示例

### 行内公式
```markdown
这是行内公式：$E = mc^2$
```

### 块级公式
```markdown
$$
f(x) = \int_{-\infty}^{\infty} \hat{f}(\xi)\,e^{2 \pi i \xi x} \,d\xi
$$
```

## 许可证

MIT