如何用Bash在匹配button标签后，为HTML添加对应闭合div标签？

核心思路 #

在找到目标button行并插入<div>后，定位到下一个未缩进的<p>标签行，在它前面插入</div>闭合标签——原片段中需要包裹的内容都是缩进的<p>，直到遇到顶格的<p>example.txt</p>就结束包裹。

具体实现步骤（以Python为例） #

1. 读取HTML文件内容为行列表，方便逐行处理
2. 遍历行列表，用布尔变量标记是否处于需要包裹内容的状态
3. 找到目标button行后，插入<div>并切换状态为“包裹中”
4. 处于包裹状态时，逐行检查：
   • 若当前行是未缩进的<p>标签，就在该行前插入</div>，并切换状态为“包裹结束”
   • 缩进的内容行直接保留，直到触发结束条件

代码示例 #

# 读取目标HTML文件
with open("target.html", "r", encoding="utf-8") as f:
    lines = f.readlines()

in_wrap = False
result_lines = []

for line in lines:
    clean_line = line.strip()
    # 第一套逻辑：匹配目标button，插入<div>
    if clean_line.startswith('<button type="button" class="collapsible">'):
        result_lines.append(line.rstrip() + "\n<div>\n")
        in_wrap = True
    elif in_wrap:
        # 判断是否到达包裹结束的位置（未缩进的<p>标签）
        if clean_line.startswith("<p>") and not line.startswith(("    ", "\t")):
            result_lines.append("</div>\n" + line)
            in_wrap = False
        else:
            result_lines.append(line)
    else:
        result_lines.append(line)

# 写入处理后的HTML内容
with open("processed.html", "w", encoding="utf-8") as f:
    f.writelines(result_lines)

适配说明 #

• 若HTML缩进不是4个空格，可修改判断条件里的" "为实际缩进字符（比如制表符"\t"）
• 若结束标记不是未缩进的<p>，可根据实际需求调整判断逻辑（比如匹配特定文本的标签）

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