代码格式化
格式化或压缩 HTML、CSS、SCSS、Less、JavaScript、TypeScript、JSON、Markdown、YAML、XML、SQL、C、C++、C#、Java、PHP、Python 与 Nginx 配置。
本地处理
文件只在当前浏览器处理;关闭或清空后不保留。
输入文本
输入或粘贴要处理的文本
调整设置
可调整语言、操作、缩进 等
开始处理
在本机浏览器中处理,可随时取消
工具介绍
在线代码格式化与压缩,支持 HTML、CSS、SCSS、Less、JavaScript、TypeScript、JSON、Markdown、YAML、XML、SQL、C、C++、C#、Java、PHP、Python 和 Nginx 配置。可以还原压缩成一行的脚本、整理杂乱的 SQL,或在上线前压缩网页代码。
格式化使用 Prettier(网页语言和 PHP)、sql-formatter(13 种方言)、clang-format(C、C++、C#、Java)和 Ruff(Python);压缩支持 HTML、CSS、JavaScript、JSON、XML。最多处理 2 MB,全部在浏览器中完成,代码不上传。
使用步骤
- 输入或粘贴代码,也可以点击“使用示例”载入一段压缩成一行的 JavaScript。
- 选择“语言”和“操作”:“格式化(美化)”或“压缩(HTML、CSS、JavaScript、JSON、XML)”。
- 按需设置“缩进”和“行宽”;处理 SQL 时选择“SQL 方言”和“SQL 关键字”的大小写,处理 C、C++、C#、Java 时选择“C/C++/C#/Java 风格”。
- 点击“运行”;代码无法解析时,会显示解析器给出的错误信息。
- 预览结果并下载,文件保留对应语言的扩展名,例如 formatted.js 或 minified.css。
格式与限制
- 输入
- 文本
- 输出
- 文本
- 大小上限
- 2 MB
- 可调设置
- 语言;操作(格式化、压缩);缩进(按语言惯例、2 个空格、4 个空格、Tab);行宽;C/C++/C#/Java 风格(Google、LLVM、Chromium、Mozilla、WebKit、Microsoft、GNU);SQL 方言;SQL 关键字(保持原样、大写、小写)
- 隐私
- 文件留在当前浏览器会话中,不上传文件字节。
- 费用
- 免费,无需注册
常见问题
哪些语言可以压缩?
只有 HTML、CSS、JavaScript、JSON 和 XML,其他语言选择压缩会报错。JavaScript 用 terser 压缩并缩短变量名,CSS 用 csso 压缩;HTML 会去掉注释和块之间的空白,并压缩其中的 CSS 和脚本,XML 会去掉注释和标签之间的空白。
“按语言惯例”的缩进是多少?
Python、Java、C# 和 PHP 用 4 个空格,其他语言用 2 个空格。也可以直接选择“2 个空格”“4 个空格”或“Tab”。
“行宽”设为 0 时按多少处理?
由 Prettier 处理的语言为 80 个字符,Python 为 88,C、C++、C#、Java 沿用所选风格自带的行宽。SQL 设置行宽后,用来限制一个表达式保持在一行内的长度,最多 120;XML 和 Nginx 配置不受行宽影响。
为什么格式化后 JavaScript 变成了双引号,还多了分号?
JavaScript 和 TypeScript 按 Prettier 的默认风格输出,优先使用双引号,并在语句末尾加分号。这里只能调整缩进和行宽。
XML 和 Nginx 配置的注释会保留吗?
格式化时会保留。XML 的注释、CDATA 和处理指令按原样保留,只包含文本的元素保持在一行;Nginx 配置保留注释和引号,每条指令占一行。压缩 XML 时会去掉注释。
相关工具
JSON 生成代码类型
根据示例 JSON 生成 TypeScript 接口、C# 类、Java record、Go 结构体、Rust serde 结构体或 Python dataclass;部分样本缺少的字段标为可选。
HTML 在线运行
编写 HTML、CSS 与 JavaScript 并实时查看效果和控制台输出,代码在隔离框架中运行。
JSON / YAML / XML 转换
校验、格式化或在 JSON、YAML、XML 共同子集之间转换;拒绝外部实体和自定义标签。
Markdown 在线编辑
编写 Markdown 并实时预览,可下载为 Markdown 或带样式的 HTML 页面。
HTML 标签过滤
过滤 HTML 标签得到可读文本,或保留标签只去除属性,可指定保留的标签或属性;脚本不会执行。
文本转 HTML 表格
把 CSV、从 Excel 复制的制表符文本,或按空格、自定义字符分隔的文本转换为 HTML 表格。