如何用JavaScript在Markdown指定换行位置插入动态文本且保持格式合法

云原生阿岚

2026-10-6

实现方案

JS 中识别换行符可以直接匹配 \n，为了兼容 Windows 系统的 \r\n 换行格式，建议先把所有换行统一转换成 \n 再处理，避免计数错位。

你可以选以下两种方案实现：

方案1：按换行位置插入（适合内容结构固定的场景）

let text = `This is line one,

This is para 2

![Tux, the Linux mascot](/assets/images/tux.png)

**This is title 1**

This is para 3

**This is title 2**

This is para 4`;

// 统一换行符格式
const normalized = text.replace(/\r\n/g, '\n');
const lineList = normalized.split('\n');
// 对应示例中**This is title 1**下方的空行位置插入
lineList.splice(7, 0, '<Ad />');
// 拼接回完整字符串
const finalText = lineList.join('\n');

方案2：匹配目标标题后插入（更稳定，不受前面内容变动影响）

如果后续前面的内容可能新增换行，建议直接匹配要插入的锚点标题，不会出现计数错位的问题：

let text = `This is line one,

This is para 2

![Tux, the Linux mascot](/assets/images/tux.png)

**This is title 1**

This is para 3

**This is title 2**

This is para 4`;

const normalized = text.replace(/\r\n/g, '\n');
const lineList = normalized.split('\n');
// 找到目标标题的行索引
const titleIndex = lineList.findIndex(line => line.trim() === '**This is title 1**');
if (titleIndex !== -1) {
  // 在标题下一行插入，自动保留前后空行，保证Markdown格式合法
  lineList.splice(titleIndex + 2, 0, '<Ad />');
}
const finalText = lineList.join('\n');