Cheerio插入新元素后如何使其与同级元素保持缩进对齐？

我之前在处理Cheerio操作XML的缩进问题时踩过坑，正好能给你几个实用的解决方案：

方法一：手动插入带缩进的元素字符串 #

Cheerio默认不会自动继承XML的缩进格式，所以最简单的办法就是在插入<target>时，手动给它加上换行和对应层级的缩进字符。比如你的<source>是在<trans-unit>下缩进4个空格，那可以这么写：

// 定义对应层级的缩进（根据你的XML实际格式调整，比如用tab或者4个空格）
const indent = '    ';
// 构造带换行和缩进的target元素HTML字符串
const targetHtml = `\n${indent}<target>iniciar sesión</target>`;
// 插入到source元素之后
$(targetHtml).insertAfter(msgSourceEl);

这样插入后，<target>就会自动跑到<source>的下方，并且保持和<source>一致的缩进了。

方法二：用XML格式化工具后处理 #

如果你的XML结构比较复杂，手动加缩进太麻烦，可以先完成所有DOM操作，再用专门的XML格式化工具来统一处理缩进。比如xml-formatter这个库：

1. 先安装依赖：

npm install xml-formatter

2. 然后在代码里使用：

const xmlFormatter = require('xml-formatter');

// 完成所有Cheerio的DOM操作后，获取未格式化的XML字符串
const rawXml = $.html({ xmlMode: true });

// 格式化XML，配置缩进和换行
const formattedXml = xmlFormatter(rawXml, {
  indentation: '    ', // 缩进字符，和你的XML格式匹配
  lineSeparator: '\n',
  collapseContent: true
});

// 现在formattedXml就是带正确缩进的XML内容了

这个方法适合批量处理复杂XML结构，不用逐个元素处理缩进。

方法三：调整Cheerio的加载与序列化配置 #

在加载XML到Cheerio时，开启XML模式并保留空格，能让Cheerio更尊重原始XML的格式：

const $ = cheerio.load(yourXmlContent, {
  xmlMode: true,
  preserveWhitespace: true
});

完成元素插入后，输出XML时指定xmlMode和indent选项（注意部分Cheerio版本可能需要升级才能支持indent）：

const formattedXml = $.html({ xmlMode: true, indent: '    ' });

不过这个方法的稳定性依赖Cheerio版本，有时候还是会有格式问题，所以更推荐结合上面的格式化工具一起用。

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