【replace正则】解决富文本解析后换行无效的问题

前言

在微信小程序（或者webview中[vue3]中）输入一段富文本内容，使用getHtml()获取内容时，<br>标签不能被转换识别，无论是多个换行还是单个，都会被转换为一对p标签<p></p> 使用wxParser插件解析后无效。

测试了一下，如果是 <p><br></p>，会有换行的。多个<br>就有多个换行。

ps.暂时还不知道怎么实现连续换行的转换
pps.也不知道除了换行之外是不是还有别的也会变成<p></p>

正文

此时的需求是：有一串字符串'<p>123</p><p></p><p>123</p><p></p><p>123</p>'，需要把其中的<p></p> 替换成 <p><br></p>，使用replace替换最方便了。
(因为需要全局替换，所以简单用一下正则)

需要用到的知识：
replace() ：在字符串中搜索值或正则表达式；返回已替换值的新字符串。不会更改原始字符串。
提示：如果替换值，则只会替换第一个实例。如需替换所有实例，请使用带有 g 修饰符集的正则表达式。

正则修饰符:
g:全局匹配
i：忽略大小写
gi：既全局匹配又忽略大小写

let content = content.replace(/<p><\/p>/g, "<p><br></p>");

这样就可以了。
如果在编辑页面重新获取内容时，它的<br>变成了2个，就再用一次反向的替换。

可以在：在线正则表达式测试里先测试一下逻辑。

参考：
JavaScript String replace() 方法
replace替换敏感词
【菜鸟】JavaScript RegExp 对象（学习用）
其他一些可参考
正则匹配HTML标签及内容
JS–JavaScript字符串替换（replace()方法、正则表达式匹配、函数作为参数）详解
js字符串replace替换多个_jsstring/正则表达式replace方法详解