XML Formatter | XML 格式化工具

XML 格式化工具 XML Formatter

对 XML 进行缩进美化（Pretty Print）与压缩（Minify），帮助你快速阅读结构、定位错误与对比差异。
Beautify (pretty-print) and minify XML for better readability, diffing, and faster debugging.

1. 输入参数 · XML Input

XML 内容 / XML Text 支持粘贴或直接输入 · Paste or type

建议输入完整的 XML 文本（含根节点）。若 XML 本身不合法（标签不闭合、转义错误等），工具会提示解析失败原因。<br/>
          Please provide a complete XML document (with a root element). If the XML is invalid (unclosed tags, bad escaping, etc.),
          the tool will show a parsing error to help you fix it.
        </div>
      </div>

<div class="wx-field-row">
        <div class="wx-form-main">
          <label class="wx-label">
            格式化选项 / Formatting Options
            <span>缩进、换行、注释处理等 · Indent, line breaks, etc.</span>
          </label>

<div style="display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;">
            <div>
              <div class="wx-label" style="font-weight:500;font-size:12px;margin-bottom:6px;">缩进单位 · Indent</div>
              <select class="wx-select" id="xml-indent">
                <option value="2" selected>2 spaces · 2 个空格</option>
                <option value="4">4 spaces · 4 个空格</option>
                <option value="tab">Tab · 制表符</option>
              </select>
            </div>

<div>
              <div class="wx-label" style="font-weight:500;font-size:12px;margin-bottom:6px;">换行风格 · Newline</div>
              <select class="wx-select" id="xml-newline">
                <option value="lf" selected>LF (\\n) · Linux/Unix</option>
                <option value="crlf">CRLF (\\r\\n) · Windows</option>
              </select>
            </div>
          </div>

<div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;">
            <label class="wx-chip">
              <input type="checkbox" id="xml-strip-empty-text" checked />
              去除纯空白文本节点 · Remove whitespace-only text nodes
            </label>
            <label class="wx-chip">
              <input type="checkbox" id="xml-collapse-empty" />
              空元素折叠为 <tag/> · Collapse empty tags
            </label>
            <label class="wx-chip">
              <input type="checkbox" id="xml-keep-declaration" checked />
              保留 XML 声明 · Keep XML declaration
            </label>
          </div>
        </div>

<div class="wx-help">
          <strong>去除纯空白文本节点：</strong>可减少“缩进导致的空白节点”干扰，让输出更干净（多数调试场景推荐开启）。<br/>
          <strong>空元素折叠：</strong>把没有子节点的元素输出为 <code><tag/></code>，更紧凑。<br/>
          <strong>保留声明：</strong>若输入里有 <code><?xml ...?></code>，可选择是否保留。<br/><br/>
          <strong>Remove whitespace-only nodes:</strong> helps avoid extra blank text nodes created by indentation (recommended).<br/>
          <strong>Collapse empty tags:</strong> outputs empty nodes as <code><tag/></code> for a compact look.<br/>
          <strong>Keep declaration:</strong> keeps <code><?xml ...?></code> if present in the input.
        </div>
      </div>

<div class="wx-actions">
        <button type="button" class="wx-btn wx-btn-primary" onclick="xmlFormat();">
          格式化 · Format (Pretty)
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="xmlMinify();">
          压缩 · Minify
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="xmlCopyOutput();">
          复制输出 · Copy Output
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="xmlDownload();">
          下载 .xml · Download
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="xmlLoadSample();">
          填充示例 · Load Sample
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="xmlClearAll();">
          清空 · Clear
        </button>
      </div>

<div class="wx-card" id="xml-results-card" style="display:none;">
    <div class="wx-section-title">2. 输出结果 · Output</div>

<div class="wx-results">
      <div class="wx-result-item">
        <div class="wx-result-label">输入长度 · Input Length</div>
        <div class="wx-result-value" id="xml-stat-in"></div>
        <div class="wx-result-sub">字符数（含换行与空格）。Characters including whitespace.</div>
      </div>

<div class="wx-result-item">
        <div class="wx-result-label">输出长度 · Output Length</div>
        <div class="wx-result-value" id="xml-stat-out"></div>
        <div class="wx-result-sub">格式化通常会变长；压缩通常会变短。Pretty usually longer; minify usually shorter.</div>
      </div>

<div class="wx-result-item">
        <div class="wx-result-label">变化 · Delta</div>
        <div class="wx-result-value" id="xml-stat-delta"></div>
        <div class="wx-result-sub">输出 – 输入（字符数差值）。Output minus input length.</div>
      </div>
    </div>

<div style="margin-top:12px;">
      <label class="wx-label">格式化/压缩后 XML · Result XML</label>
      <textarea class="wx-textarea" id="xml-output" readonly placeholder="这里显示结果 / Output appears here...">

3. 使用说明 · Notes

它解决什么问题？ · What is this for?
当 XML 一行很长、层级复杂、或从日志/接口复制出来“挤在一起”时，人眼很难快速看清结构与父子关系。本工具把 XML 重新缩进、换行，让结构变得“像目录树一样清晰”，也更适合做差异对比（diff）。
When XML is a single long line or deeply nested, it is hard to read. This tool re-indents and adds line breaks so the structure becomes clear and diff-friendly.
格式化（Pretty Print） · Pretty format
适合：排错、阅读、审查配置、复制到文档/博客。
Tips（中文）：如果你看到很多“空白行/奇怪缩进”，可以勾选“去除纯空白文本节点”，让输出更干净。
Tips (EN): If you see noisy blank text nodes or inconsistent whitespace, enable “Remove whitespace-only text nodes” for cleaner output.
压缩（Minify） · Minify
适合：把 XML 放到 URL/请求体里测试、节省传输体积、或需要“单行 XML”进行粘贴。
Best for: sending in requests, reducing payload size, or when you need a single-line XML for quick copy/paste.
常见解析失败原因 · Common parsing errors
1) 标签不闭合：<a><b></a>（应先关 b）。
2) 特殊字符未转义：例如文本里出现 &、<、> 需要正确转义。
3) 复制时丢了根节点：XML 必须有且仅有一个根元素。
1) Unclosed or mis-nested tags, 2) unescaped special characters, 3) missing a single root element.
关于隐私 · Privacy
本工具为纯前端本地运行：你的 XML 不会被上传到服务器（除非你自己把页面部署到线上并另行加入上传逻辑）。
This is a pure client-side tool. Your XML stays in the browser and is not uploaded anywhere (unless you modify and deploy it with network features).
实用建议（排错效率） · Practical debugging tips
中文：先“格式化”再查错 → 先看根节点与命名空间（xmlns），再看目标节点路径（例如 /root/items/item）。如果你在对比两份 XML，建议先统一缩进（2 或 4）与换行符（LF/CRLF），再做 diff。
EN: Format first, then debug → check the root and namespaces (xmlns), then locate target paths. For comparing two XMLs, standardize indent and newline style before diffing.

说明：XML 规范与浏览器 DOM 实现细节会影响序列化结果（例如属性顺序、空白节点处理）。本工具目标是“可读性与调试效率”，不是 100% 保留输入的字面格式。
Note: Serialization may differ from the original (e.g., attribute order, whitespace handling). The goal is readability and debugging efficiency, not byte-for-byte preservation.

XML Formatter｜XML 格式化工具

XML 格式化工具 XML Formatter

分类目录

支持与说明

XML 格式化工具 XML Formatter

关注财富辛 WealthXin

分类目录

支持与说明