Markdown 在线编辑器

支持实时预览的 Markdown 编辑器，提供丰富的工具栏和快捷键

关于 Vditor 编辑器

本工具基于 Vditor 构建，这是一款由国内团队开发的开源 Markdown 编辑器， 被广泛应用于思源笔记、链滴社区等知名产品，GitHub Star 超过 24k。 相比其他在线编辑器，Vditor 在中文输入、排版渲染和功能完整性上表现尤为出色。

三种编辑模式
即时渲染（IR）、所见即所得（WYSIWYG）、分屏预览，随时切换，适应不同写作习惯
代码高亮
内置 highlight.js，支持 100+ 种编程语言语法高亮，并可显示行号
数学公式
集成 KaTeX，支持行内公式 $...$ 和块级公式 $...$
图表与流程图
支持 Mermaid 流程图、甘特图、时序图，以及 ECharts 数据图表
导入与导出
支持导入本地 .md 文件，可导出为 Markdown 或带样式的完整 HTML 文件
自动保存
内容自动保存至浏览器本地存储，关闭页面后重新打开仍可恢复上次内容
高级语法：图表与公式

以下语法均通过代码块触发，切换到分屏预览或所见即所得模式可查看渲染效果。

数学公式（KaTeX）

行内公式用单个 $ 包裹，块级公式用 $ 包裹。

行内：$E = mc^2$

块级：
$$
\sum_{i=1}^{n} x_i = \frac{n(n+1)}{2}
$$
流程图（Mermaid）

使用 ```mermaid 代码块，支持 TD（从上到下）和 LR（从左到右）方向。

```mermaid
graph TD
    A[开始] --> B{条件判断}
    B -->|是| C[执行操作]
    B -->|否| D[结束]
    C --> D
```
时序图（Mermaid）

描述对象之间的交互顺序，适合展示 API 调用流程。

```mermaid
sequenceDiagram
    用户->>服务器: 发送登录请求
    服务器->>数据库: 查询用户信息
    数据库-->>服务器: 返回用户数据
    服务器-->>用户: 返回 Token
```
甘特图（Mermaid）

项目进度管理，支持按阶段划分任务和时间区间。

```mermaid
gantt
    title 项目开发计划
    dateFormat YYYY-MM-DD
    section 第一阶段
    需求分析: 2024-01-01, 7d
    section 第二阶段
    开发实现: 2024-01-08, 14d
    测试上线: 2024-01-22, 7d
```
数据图表（ECharts）

使用 ```echarts 代码块，内容为标准 ECharts JSON 配置。

```echarts
{
  "xAxis": {
    "type": "category",
    "data": ["一月","二月","三月"]
  },
  "yAxis": { "type": "value" },
  "series": [{
    "data": [120, 200, 150],
    "type": "bar"
  }]
}
```
思维导图

使用 ```mindmap 代码块，通过缩进表示层级关系。

```mindmap
- 技术选型
  - 前端
    - Vue
    - React
  - 后端
    - .NET
    - Node.js
  - 数据库
    - MySQL
    - PostgreSQL
```
使用说明
工具栏功能
  • 三种编辑模式：所见即所得、即时渲染、分屏预览
  • 丰富的工具栏（标题、粗体、斜体、链接、代码块、表格等）
  • 支持导入本地 .md / .markdown / .txt 文件
  • 工具栏内置下载、导出 HTML、复制等功能
  • 支持数学公式（KaTeX）、流程图、甘特图
快捷键
  • Ctrl + B：粗体
  • Ctrl + I：斜体
  • Ctrl + K：插入链接
  • Ctrl + E：插入代码块
  • Ctrl + U：无序列表
  • Ctrl + /：切换注释
  • Ctrl + Z：撤销
Markdown 语法知识详解
标题与段落

用 # 数量表示标题层级（1～6 级），段落之间空一行分隔。

语法效果
# 一级标题最大标题，对应 <h1>
## 二级标题对应 <h2>
###### 六级标题最小标题，对应 <h6>
空行分隔两段文字之间空一行即为新段落
行尾两个空格强制换行（不新起段落）
文字强调
语法效果
**粗体** 或 __粗体__粗体
*斜体* 或 _斜体_斜体
***粗斜体***粗斜体
~~删除线~~删除线
`行内代码`行内代码
==高亮==高亮文字（部分渲染器支持）
列表
无序列表
- 项目一
- 项目二
  - 嵌套项目
用 -、* 或 + 开头
有序列表
1. 第一步
2. 第二步
3. 第三步
数字不必连续，渲染器自动排序
任务列表
- [x] 已完成
- [ ] 未完成
- [ ] 待处理
GFM 扩展语法，Vditor 完整支持
链接与图片
语法说明
[链接文字](https://example.com)行内链接
[链接文字](https://example.com "标题")带 title 属性的链接
![图片描述](图片URL)行内图片，! 开头
[![图片](图片URL)](链接URL)可点击的图片链接
<https://example.com>自动链接，尖括号包裹
[引用式链接][id] + [id]: URL引用式链接，便于复用
引用与代码块
块引用
> 这是一段引用
>
> 引用可以多段
>> 支持嵌套引用
每行以 > 开头
围栏代码块
```javascript
const x = 1;
console.log(x);
```
三个反引号 + 语言名，支持语法高亮
表格
| 列1 | 列2 | 列3 |
|-----|:---:|----:|
| 左对齐 | 居中 | 右对齐 |
| 数据 | 数据 | 数据 |
分隔符对齐方式
---默认（左对齐）
:---左对齐
:---:居中对齐
---:右对齐
分隔线、转义与其他
语法说明
--- 或 *** 或 ___水平分隔线（独占一行）
\*、\`、\# 等反斜杠转义特殊字符
&nbsp;、&lt; 等HTML 实体，Markdown 中可直接使用
<!-- 注释 -->HTML 注释，渲染后不显示
^上标^上标（部分渲染器支持）
~下标~下标（部分渲染器支持）

相关工具

Avro Schema生成器

在线Apache Avro Schema生成器，将JSON数据自动推断并生成对应的Avro Schema定义。Apache Avro是Hadoop生态中的数据序列化框架，Schema以JSON格式定义，支持动态类型，在Apache Kafka配合Schema Registry使用时可实现消息格式的向前和向后兼容演进。本工具支持粘贴JSON数据后自动推断字段类型，生成包含namespace、name、type等完整属性的Avro Schema，支持嵌套对象和数组的类型推断，日期时间格式字符串自动识别为timestamp-millis逻辑类型。可下载生成的.avsc文件，所有处理在浏览器本地完成，数据不上传服务器。

驼峰下划线转换

在线命名风格转换工具，支持驼峰命名（camelCase）、帕斯卡命名（PascalCase）、下划线命名（snake_case）、连字符命名（kebab-case）、常量命名（UPPER_CASE）等多种编程命名风格之间的相互转换。不同编程语言和框架有不同的命名约定，如Java使用驼峰、Python使用下划线、CSS使用连字符。本工具支持批量转换，实时预览结果，是代码重构、API对接、数据库字段映射时的高效辅助工具。

数据库表结构转代码

数据库表结构转代码生成器，根据表结构定义自动生成完整的数据访问层代码。支持生成CRUD操作代码（增删改查）、Repository模式代码、DTO数据传输对象、Service层代码等。支持多种语言和框架模板（C# EF Core、Java MyBatis、Go GORM等），生成的代码包含完整的方法实现和注释。适用于快速搭建新项目的数据访问层、减少重复的样板代码编写、统一团队代码风格等场景，所有处理在浏览器本地完成，代码不上传服务器。

数据库表设计工具

在线数据库表结构设计工具，通过可视化界面快速设计数据库表结构并生成DDL建表语句。支持添加字段、设置数据类型、配置主键、外键、索引、唯一约束、非空约束、默认值等属性，实时生成对应的CREATE TABLE语句。支持MySQL、PostgreSQL、SQL Server等主流数据库的DDL语法。设计完成后可导出为SQL文件直接执行，或导出为Markdown格式的数据库文档。适用于新项目数据库设计阶段、数据库文档编写、团队数据库设计评审等场景，所有处理在浏览器本地完成，设计数据不上传服务器。

在线编辑器

基于Monaco Editor（VS Code同款编辑器内核）的在线代码编辑器，支持JavaScript、TypeScript、Python、Java、C#、Go、Rust、HTML、CSS、SQL等15种以上编程语言的语法高亮和代码格式化。提供代码折叠、行号显示、括号匹配、多光标编辑等专业编辑功能，支持快捷键操作。可导入本地文件进行编辑，编辑完成后一键复制或下载保存。代码完全在浏览器本地处理，不上传至服务器，保护代码隐私安全，是临时编写和测试代码的高效工具。

ER图在线绘制

在线ER图（实体关系图）绘制工具，通过文本描述语法快速生成数据库实体关系图。支持使用Mermaid erDiagram语法定义实体、属性和关系，实时预览生成的ER图。可描述一对一、一对多、多对多等关系类型，支持标注主键、外键、字段类型等信息。生成的ER图可导出为PNG或SVG格式，用于数据库设计文档、技术方案评审、团队沟通等场景。相比传统绘图工具，文本驱动的方式更便于版本控制和协作修改，适合将数据库设计文档纳入代码仓库管理，所有处理在浏览器本地完成。

陈氏ER图在线编辑

可视化拖拽式ER图在线编辑器，支持创建数据表、定义字段（类型/主键/唯一键）、建立表关系（1:1/1:N/M:N），一键导出MySQL/PostgreSQL/SQL Server/SQLite的DDL脚本，支持导出PNG图片和JSON设计稿，自动保存到本地。

C语言格式化

在线C语言代码格式化工具，自动整理C代码的缩进、空格、换行，使代码符合统一的编码规范。支持自定义缩进风格（空格数或Tab）、大括号位置（K&R风格、Allman风格）等格式化选项。格式化后的代码结构清晰，层次分明，大幅提升代码可读性。适用于整理从网络复制的代码片段、统一团队代码风格、代码审查前的格式规范化等场景。所有处理在浏览器本地完成，代码不上传服务器，保护代码安全。

C++格式化

在线C++代码格式化工具，自动整理C++代码的缩进、空格、换行，支持C++11/14/17/20等现代C++语法。可自定义缩进风格、大括号位置、指针和引用符号位置等格式化选项，支持多种主流代码风格（Google Style、LLVM Style、Mozilla Style等）。格式化后的代码结构清晰，符合团队编码规范，提升代码可读性和维护性。适用于代码审查、开源项目贡献、学习C++代码规范等场景，所有处理在浏览器本地完成。

C#格式化

在线C#代码格式化工具，自动整理C#代码的缩进、空格、换行，使代码符合Microsoft C#编码规范。支持C# 6.0及以上版本的语法，包括Lambda表达式、LINQ查询、异步方法等现代C#特性的格式化。可自定义缩进大小、大括号风格等选项。适用于整理从StackOverflow或GitHub复制的代码片段、统一.NET项目代码风格、代码审查前的格式规范化等场景，所有处理在浏览器本地完成，代码不上传服务器。

CSS格式化

在线CSS代码格式化工具，支持CSS代码的美化（格式化展开）和压缩（minify）两种模式。美化模式自动整理选择器、属性、值的缩进和换行，使CSS代码结构清晰易读；压缩模式删除所有空白字符，减小文件体积，提升页面加载速度。支持CSS3、媒体查询、CSS变量等现代CSS特性。适用于整理手写CSS、压缩生产环境样式文件、学习CSS代码规范等场景，所有处理在浏览器本地完成，保护代码隐私。

HTML格式化

在线HTML代码格式化工具，支持HTML代码的美化和压缩两种模式。美化模式自动整理HTML标签的嵌套缩进，使代码层次结构清晰可读；压缩模式删除多余空白字符，减小HTML文件体积。支持HTML5语法，正确处理自闭合标签、内联元素和块级元素的格式化规则。适用于整理从浏览器开发者工具复制的HTML片段、压缩生产环境HTML文件、学习HTML代码规范等场景，所有处理在浏览器本地完成，代码不上传服务器。

Java格式化

在线Java代码格式化工具，自动整理Java代码的缩进、空格、换行，使代码符合Java编码规范。支持Java 8及以上版本的语法，包括Lambda表达式、Stream API、泛型等特性的格式化。可自定义缩进大小、大括号风格、行长度限制等选项，支持Google Java Style和Oracle Java Style两种主流风格。适用于整理从网络复制的Java代码、统一团队代码风格、代码审查前的格式规范化等场景，所有处理在浏览器本地完成。

JavaScript格式化

在线JavaScript代码格式化工具，支持JS代码的美化和压缩两种模式。美化模式自动整理代码缩进、空格、换行，支持ES6+语法（箭头函数、解构赋值、模板字符串、async/await等）；压缩模式删除注释和空白字符，减小JS文件体积。可自定义缩进风格（2空格/4空格/Tab）、分号、引号等格式化选项。适用于整理混乱的JS代码、压缩生产环境脚本、学习JS代码规范等场景，所有处理在浏览器本地完成，代码不上传服务器。

Perl格式化

在线Perl代码格式化工具，自动整理Perl脚本的缩进、空格、换行，使代码结构清晰易读。支持Perl 5语法，正确处理正则表达式、哈希引用、数组操作等Perl特有语法结构的格式化。Perl广泛用于系统管理脚本、文本处理、CGI编程等场景。本工具适用于整理遗留Perl脚本、统一团队代码风格、学习Perl代码规范等场景，帮助开发者提升Perl代码的可读性和维护性，所有处理在浏览器本地完成。

PHP格式化

在线PHP代码格式化工具，自动整理PHP代码的缩进、空格、换行，使代码符合PSR-2/PSR-12编码规范。支持PHP 7.x/8.x语法，包括命名参数、枚举、纤程等现代PHP特性的格式化。可自定义缩进大小、大括号风格等选项。适用于整理WordPress插件代码、Laravel/Symfony项目代码规范化、代码审查前的格式整理等场景。PHP是全球最流行的Web开发语言之一，规范的代码格式对团队协作至关重要，所有处理在浏览器本地完成。

Python格式化

在线Python代码格式化工具，自动整理Python代码的缩进、空格、换行，使代码符合PEP 8编码规范。支持Python 3.x语法，包括类型注解、f-string、海象运算符等现代Python特性的格式化。Python对缩进有严格要求，格式错误会导致语法错误，本工具帮助开发者快速规范代码格式。适用于整理数据科学脚本、Django/Flask项目代码、机器学习代码等场景，是Python开发者的实用辅助工具，所有处理在浏览器本地完成。

Ruby格式化

在线Ruby代码格式化工具，自动整理Ruby代码的缩进、空格、换行，使代码符合Ruby社区编码规范（参考RuboCop风格指南）。支持Ruby 2.x/3.x语法，包括块语法、符号、哈希简写等Ruby特有语法的格式化。适用于整理Ruby on Rails项目代码、Sinatra应用代码、Ruby脚本等场景。规范的Ruby代码格式提升团队协作效率，减少代码审查中的格式争议，所有处理在浏览器本地完成，代码不上传服务器。

SQL格式化

在线SQL代码格式化工具，自动整理SQL语句的关键字大小写、缩进、换行，使复杂的SQL查询结构清晰易读。支持SELECT、INSERT、UPDATE、DELETE、CREATE TABLE、JOIN等各类SQL语句的格式化，兼容MySQL、PostgreSQL、SQL Server、Oracle等主流数据库方言。将压缩在一行的SQL语句展开为多行格式，或将多行SQL压缩为单行，适用于数据库开发、SQL调试、文档编写等场景，所有处理在浏览器本地完成。

VBScript格式化

在线VBScript代码格式化工具，自动整理VBScript脚本的缩进、空格、换行，使代码结构清晰易读。VBScript（Visual Basic Script）主要用于Windows系统管理脚本、Internet Explorer自动化、ASP经典网页开发等场景。本工具支持VBScript的Sub/Function、If/Then/Else、For/While循环等语法结构的格式化，帮助开发者整理遗留VBScript代码，提升可读性和维护性，所有处理在浏览器本地完成。

XML格式化

在线XML代码格式化工具，支持XML代码的美化（格式化展开）和压缩（minify）两种模式。美化模式自动整理XML标签的嵌套缩进，使XML文档层次结构清晰可读；压缩模式删除所有空白字符，减小XML文件体积。同时提供XML语法验证功能，帮助发现格式错误。适用于整理Spring配置文件、Maven pom.xml、Android布局文件、Web服务SOAP消息、RSS/Atom订阅源等XML格式文件，所有处理在浏览器本地完成。

HTML过滤

在线HTML过滤工具，支持从HTML代码中提取纯文本内容，去除所有HTML标签和属性。可选择保留或删除特定标签（如保留换行标签），支持自定义过滤规则。适用于从网页抓取内容后清理HTML标签、将富文本编辑器内容转为纯文本、清理用户输入中的HTML代码防止XSS攻击、提取邮件正文等场景。工具处理速度快，支持大文本批量处理，所有操作在浏览器本地完成，数据不上传服务器，保护数据隐私安全。

JSON在线解析与格式化

JSON在线解析与格式化工具，提供JSON代码的美化、压缩、验证和树形视图展示功能。美化模式将压缩的JSON展开为带缩进的可读格式；压缩模式删除所有空白字符减小数据体积；验证功能实时检测JSON语法错误并定位错误位置；树形视图以折叠展开的方式直观展示JSON数据结构。支持大文件处理，是API开发、数据调试、配置文件编辑的必备工具。JSON（JavaScript Object Notation）是目前最流行的数据交换格式，所有处理在浏览器本地完成。

JSON转C#实体类

在线JSON转C#实体类工具，根据JSON数据自动生成对应的C#类定义代码。智能推断字段类型（string、int、bool、DateTime、List<T>、嵌套类等），生成带有JsonProperty特性的属性定义，支持Newtonsoft.Json和System.Text.Json两种序列化库的特性格式。处理嵌套JSON对象时自动生成多层嵌套类结构。大幅减少手动编写数据模型类的工作量，适用于对接第三方API、处理JSON配置文件、数据库查询结果映射等场景，所有处理在浏览器本地完成。

JSON转Go结构体

在线JSON转Go结构体工具，根据JSON数据自动生成对应的Go语言struct定义代码。智能推断字段类型（string、int、float64、bool、[]interface{}、嵌套struct等），自动生成json标签（如`json:"fieldName"`），支持omitempty选项。处理嵌套JSON对象时自动生成多层嵌套struct。Go语言在云原生、微服务、高性能后端开发中广泛应用，本工具大幅减少手动编写数据结构的工作量，适用于对接REST API、处理JSON配置、gRPC数据映射等场景，所有处理在浏览器本地完成。

JSON转Java实体类

在线JSON转Java实体类工具，根据JSON数据自动生成对应的Java POJO类代码。智能推断字段类型（String、Integer、Long、Boolean、List<T>、嵌套类等），支持生成Getter/Setter方法、@JsonProperty注解（Jackson）、@SerializedName注解（Gson）、Lombok @Data注解等多种代码风格。处理嵌套JSON时自动生成内部类或独立类。适用于Spring Boot项目对接第三方API、Android开发JSON解析、数据库ORM映射等场景，大幅提升开发效率，所有处理在浏览器本地完成。

JSON左右视图解析器

JSON左右视图解析器，提供左右并排的双栏JSON展示界面，方便对比两个JSON数据的差异。左侧输入原始JSON，右侧显示格式化后的树形结构，支持节点折叠展开，快速定位数据差异。适用于API响应数据对比、配置文件版本对比、数据库查询结果比较、前后端数据一致性验证等场景。直观的并排视图让数据差异一目了然，大幅提升JSON数据调试效率，是API开发和数据处理的实用工具，所有处理在浏览器本地完成。

JSONPath查询工具

JSONPath在线查询工具，输入JSON数据和JSONPath表达式，实时输出匹配结果。支持完整JSONPath语法：$、.、[]、*、..递归下降、[?()]过滤表达式。适用于API响应数据提取、JSON数据分析，所有处理在浏览器本地完成。

JSON Schema生成器

从JSON数据自动推断生成JSON Schema文档，支持Draft-07/2019-09/2020-12规范，可配置required字段、数值范围推断、数组items处理策略。适用于API文档编写、数据验证规则生成、前后端接口约定等场景。

JSON上下视图解析器

JSON上下视图解析器，提供上下分栏的JSON展示界面，上方输入原始JSON文本，下方实时显示格式化的树形结构视图。支持节点折叠展开，可快速导航到深层嵌套的数据节点，点击节点可复制对应的JSON路径。适用于分析复杂JSON数据结构、调试API响应、查看配置文件内容等场景。树形视图让JSON数据层次结构清晰可见，特别适合处理深度嵌套的JSON数据，是开发者日常工作的实用工具，所有处理在浏览器本地完成。