几步搞定本地HTML文件的批量格式化处理-html教程-PHP中文网

本地html批量格式化关键在于选对工具链、控制输入质量、避开解析陷阱：vs code需配置prettier为默认html格式化器并关闭冲突设置；tidy命令行必须加-indent和-wrap 0参数，注意备份；beautifulsoup适合处理不规范html，可自动修复结构错误。

几步搞定本地html文件的批量格式化处理

本地 HTML 文件批量格式化，核心不是“一键美化”，而是选对工具链 + 控制输入质量 + 避开解析陷阱。用 VS Code 或 tidy 批量处理几十个文件完全可行，但直接丢一堆不闭合、无 doctype、混着模板语法的 HTML 进去，大概率静默失败或输出错乱。

VS Code 批量格式化 HTML 文件要先设对默认格式化器

很多人装了 Prettier 却发现 Shift+Alt+F 没反应，根本原因是 VS Code 默认没把 Prettier 设为 HTML 的格式化器。

打开任意一个 .html 文件，右键 → Format Document With… → Configure Default Formatter… → 选 Prettier - Code formatter
务必关闭冲突配置：检查 settings.json 中不能有 "html.format.enable": true，否则内置格式化器会抢跑
启用自动保存时格式化：Settings → Text Editor → Formatting → Format On Save
批量处理时，用文件资源管理器多选 HTML 文件 → 右键 → Open with Code → 全选所有标签页 → Ctrl+K Ctrl+A（全选所有打开文件）→ 再按 Shift+Alt+F

`tidy` 命令行批量格式化必须加 `-indent` 和 `-wrap 0`

tidy 是真正能落地批量处理的命令行工具，但它默认不缩进、不换行，直接跑会得到“一行到底”的结果，看着像没处理。

安装后验证：tidy --version 确保是 tidy-html5（旧版 html-tidy 不支持现代 HTML5）
单文件测试：tidy -indent -wrap 0 -modify input.html，确认效果后再上批量

Windows 批处理批量执行：

for %f in (*.html *.htm *.mhtml) do tidy -indent -wrap 0 -modify "%f"

Linux/macOS：

for f in *.html *.htm *.mhtml; do tidy -indent -wrap 0 -modify "$f"; done

注意：-modify 会直接覆盖原文件，建议先备份或加 -output output/ 输出到新目录

BeautifulSoup Python 脚本适合需要清洗+格式化的混合场景

如果你的 HTML 文件里夹杂着未闭合标签、属性缺引号、甚至内联 JS 模板，tidy 和 Prettier 都可能报错或跳过。这时候用 BeautifulSoup 更鲁棒——它先解析再重建，天然容错。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

安装：pip install beautifulsoup4
脚本要点：BeautifulSoup(html, "html.parser") 能自动修复常见结构错误，soup.prettify() 再输出带缩进的 HTML
不推荐直接 soup.prettify(formatter="html")，因为默认会转义引号；保留原始属性写法需加 formatter=None

批量处理示例（保存为 format_html.py）：

from bs4 import BeautifulSoup
import os
for f in os.listdir("."):
    if f.endswith((".html", ".htm", ".mhtml")):
        with open(f, encoding="utf-8") as fp:
            soup = BeautifulSoup(fp, "html.parser")
        with open(f, "w", encoding="utf-8") as fp:
            fp.write(soup.prettify(formatter=None))