如何实现XML字符串自动格式化 自动添加缩进换行提升可读性

不需要在编写XML生成逻辑时手动拼接换行、空格类格式符号，只需要在字符串传入Blob之前做一次格式化处理即可，优先选择浏览器原生API实现，无额外依赖。

原生无依赖方案（推荐） #

利用浏览器内置的XML解析、转换能力自动识别标签层级，自动匹配对应缩进和换行，不会篡改XML标签、属性、文本内容的原有逻辑：

function formatXml(rawXml) {
  const parser = new DOMParser()
  // 解析原始无格式XML为DOM对象
  const xmlDom = parser.parseFromString(rawXml, 'text/xml')

  // 捕获XML结构错误
  const parseError = xmlDom.querySelector('parsererror')
  if (parseError) {
    throw new Error('XML结构不合法，格式化失败：' + parseError.textContent)
  }

  // 配置XSLT缩进规则
  const xsltDom = parser.parseFromString(`
    <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
      <xsl:output indent="yes" encoding="UTF-8"/>
      <xsl:strip-space elements="*"/>
      <xsl:template match="@*|node()">
        <xsl:copy>
          <xsl:apply-templates select="@*|node()"/>
        </xsl:copy>
      </xsl:template>
    </xsl:stylesheet>
  `, 'text/xml')

  const processor = new XSLTProcessor()
  processor.importStylesheet(xsltDom)
  const formattedDom = processor.transformToDocument(xmlDom)

  // 输出带换行、层级缩进的格式化XML字符串
  return new XMLSerializer().serializeToString(formattedDom)
}

使用方式 #

将你原有方法生成的原始XML字符串传入格式化函数处理后，再传入Blob生成文件即可：

// 原有逻辑生成的无格式XML字符串
const rawContent = 你编写的XML生成方法()
// 自动排版格式化
const content = formatXml(rawContent)
// 原有Blob生成逻辑无需改动
const file = new Blob([content], {type: "text/xml"})

方案说明 #

• 所有能力均为浏览器原生支持，不需要引入任何第三方包，不会增加项目打包体积
• 缩进、换行完全和标签嵌套层级匹配，输出格式统一规范
• 会自动清理标签之间无意义的冗余空白字符，不会保留手动拼接的无效格式符号
• 默认输出2空格缩进，如果你需要自定义缩进宽度、换行规则等，也可以引入轻量的XML格式化工具库实现更灵活的配置，核心使用逻辑和上述方案一致，只需要替换格式化函数的内部实现即可。

注意事项 #

• 你自己生成的原始XML需要保证标签闭合、嵌套关系正确，否则格式化阶段会抛出解析错误
• 格式化后的字符串默认会携带标准XML声明头<?xml version="1.0" encoding="UTF-8"?>，如果你原有生成逻辑已经添加了该声明，注意做去重处理即可。

内容的提问来源于stack exchange，提问作者Andrew McAvoy