# Markdown轻量编辑器

**Repository Path**: hiczz/markdown-lightweight-editor

## Basic Information

- **Project Name**: Markdown轻量编辑器
- **Description**: 一款功能强大的纯前端 Markdown 编辑器，支持实时预览、文件管理、本地存储、丰富工具栏和快捷键。无需任何后端，开箱即用。

- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-10-17
- **Last Updated**: 2026-10-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 📝 Markdown轻量编辑器

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Status](https://img.shields.io/badge/status-active-brightgreen)]()
[![Web App](https://img.shields.io/badge/platform-web-blue)]()
[![Markdown](https://img.shields.io/badge/Markdown-Support-brightgreen)]()

> 一款功能强大的纯前端 Markdown 编辑器，支持实时预览、文件管理、本地存储、丰富工具栏和快捷键。无需任何后端，开箱即用。

![输入图片说明](image.png)
---

## ✨ 主要特性

- 📂 **文件管理** – 新建、打开、保存、删除、导出 Markdown 文件，支持本地 `.md` 文件导入
- 💾 **自动存储** – 所有文件自动保存到浏览器本地存储，刷新页面不丢失
- 🎨 **富文本工具栏** – 标题、粗体、斜体、删除线、列表、表格、代码块、引用、分割线等
- 🎨 **文字颜色** – 可选择预设颜色或自定义颜色，生成带颜色 HTML span 标签
- 📊 **表格支持** – 通过对话框快速插入指定行列的 Markdown 表格
- ✅ **任务列表** – 支持 `- [ ]` 和 `- [x]` 语法并渲染为复选框
- 🔄 **三种编辑模式** – 分栏 / 仅编辑 / 仅预览，随心切换
- ⌨️ **快捷键** – `Ctrl+S` 保存，`Ctrl+B` 加粗，`Ctrl+I` 斜体，`Ctrl+K` 插入链接
- 📈 **实时统计** – 自动统计当前文档的行数和字数
- 🌙 **深色主题** – 专业舒适的暗色界面，长时间编辑不伤眼
- 📱 **响应式布局** – 适配不同屏幕尺寸，滚动条美观定制

---

## 🚀 快速开始

### 在线体验
直接下载 `markdown-editor.html` 并在浏览器中打开即可使用，无需安装任何依赖。

### 本地使用

  直接克隆仓库或直接下载 HTML 文件