Markdown/HTML 编辑器

基于 Editor.md 的专业编辑器 - 支持主题切换和 HTML 预览

预览主题:

# Markdown/HTML 在线编辑器

一款功能强大的在线Markdown和HTML编辑器，基于Editor.md构建，提供专业的编辑体验和丰富的功能特性。

## ✨ 主要特性

### 🎯 核心功能
- **双格式支持**：完美支持Markdown和HTML格式编辑
- **实时预览**：右侧实时渲染编辑内容
- **主题切换**：6种精心设计的预览主题
- **格式转换**：HTML与Markdown双向智能转换
- **表格支持**：完整的表格编辑和预览支持

### 🛠 实用工具
- **一键复制**：快速复制HTML或Markdown格式内容
- **弹窗预览**：全屏HTML效果预览
- **代码高亮**：支持多种编程语言语法高亮
- **工具栏**：丰富的格式化工具按钮
- **键盘快捷键**：高效的操作方式

### 🎨 主题系统
- **默认主题** - 经典清晰的阅读体验
- **暗黑主题** - 适合夜间使用的深色主题
- **GitHub风格** - 仿GitHub Markdown渲染
- **绿色清新** - 护眼的绿色系主题
- **蓝色科技** - 专业的蓝色系主题
- **紫色优雅** - 独特的紫色系主题

## 🚀 快速开始

### 基本使用
1. 在左侧编辑区输入Markdown或HTML内容
2. 右侧实时显示预览效果
3. 使用工具栏按钮进行格式化
4. 点击复制按钮获取所需格式内容

### 主题切换
1. 点击左上角主题选择器
2. 选择喜欢的主题
3. 预览区域立即应用新主题

### HTML预览
1. 点击"预览HTML"按钮
2. 在弹出的窗口中查看渲染效果
3. 切换"效果预览"和"源代码"标签

## ⌨️ 键盘快捷键

| 快捷键 | 功能 |
|--------|------|
| `Ctrl + Shift + H` | 复制HTML内容 |
| `Ctrl + Shift + M` | 复制Markdown内容 |
| `Ctrl + Shift + P` | 打开HTML预览 |
| `Ctrl + Shift + T` | 聚焦主题选择器 |
| `Esc` | 关闭弹窗 |

## 📋 功能详解

### 编辑功能
- **Markdown语法**：支持所有标准Markdown语法
- **HTML支持**：直接编辑HTML代码，实时预览效果
- **混合编辑**：支持Markdown和HTML混合内容
- **代码块**：支持代码高亮和语法提示

### 预览功能
- **实时渲染**：输入内容即时预览
- **主题定制**：6种视觉主题可选
- **响应式设计**：适配不同屏幕尺寸
- **表格渲染**：完美的表格显示支持

### 转换功能
- **智能检测**：自动识别内容格式
- **格式转换**：HTML与Markdown相互转换
- **表格转换**：HTML表格转Markdown表格
- **内容保持**：转换过程保持内容完整性

## 📝 更新日志

### v1.0.0
- ✅ 基础Markdown/HTML编辑功能
- ✅ 实时预览系统
- ✅ 6种主题切换
- ✅ markdown/HTML格式转换功能
- ✅ 表格完美支持
- ✅ 支持一键复制为markdown/HTML格式

## 🙏 致谢

感谢以下开源项目的支持：

- [Editor.md](https://github.com/pandao/editor.md) - 优秀的Markdown编辑器
- [Marked.js](https://github.com/markedjs/marked) - 快速的Markdown解析器
- [Font Awesome](https://fontawesome.com) - 精美的图标库

---

**开始享受高效的Markdown/HTML编辑体验吧！** 🎉

您的足迹：

Markdown/HTML 编辑器

寰宇的工具箱导航

JSON工具

格式化转换

加解密编码

文本数字

网络

站长

计算

其他

对照列表