html - 查找并替换标签之间的内容

Question

我的 HTML 部分如下所示

<h4>Headline 1</h4>
<p>Content 1</p>
<h4>Headline 2</h4>
<p>Content 2</p>
<h4>Headline 3</h4>
<p>Content 3</p>

我有大约 50 个这样的“ block ”。我需要将它们包裹在 <div> 中重新设计它们，我想我可以使用 SublimeText2 的查找/替换功能来获取所有这些并替换它们，使它们看起来像这样

<div>
<h4>Headline 1</h4>
<p>Content 1</p>
</div>    
<div>
<h4>Headline 2</h4>
<p>Content 2</p>
</div>
<div>    
<h4> Headline 3</h4>
<p>Content 3</p>
</div>

我无法想出允许我选择和替换的正则表达式。

我试过<h4>(.*)<\/p>但它不会产生任何结果。

我还测试了/<h4>(.*)<\/p>/s上https://regex101.com/但它在整个文件中生成了 1 个匹配项。

我怎样才能做到这一点？

免责声明:我并不想解析天知道有多少事情。我知道使用正则表达式进行 HTML 解析的恶魔本质。

Answer 1

查找

(<h4>[\S\s]*?</p>)

并替换

<div>\n\1\n</div>

或者，您可以使用此正则表达式进行查找

(?s)(<h4>.*?</p>)