正则过滤html字符串问题 求解

Question

var str=`tttt
            <p style="background:#f4f4f4;"><span>*</span>1111</p>
            aaaa
            bbbb
            <span>222</span>
            cccc
            <img src="" alt="">
            <div>333<i>444</i></div>eeee
            <div class="ssdf">
            <span>
                555</span>
            </div>
            ffff`;

字符串如上，要实现没有被html标签包裹的字符都用html标签将他包裹起来 效果图类似如下

这里有个问题 其中 红箭头所处位置 aaa bbb 应该是用一个标签包裹起来的 这里用了两个标签

求怎么解决这个问题。。。。

图中的正则瞎几把写的 。。。 错了麻烦大家指出 感谢

Answer 1

最简单就是去掉换行

var str=`tttt
            <p style="background:#f4f4f4;"><span>*</span>1111</p>
            aaaa bbbb
            <span>222</span>
            cccc
            <img src="" alt="">
            <div>333<i>444</i></div>eeee
            <div class="ssdf">
            <span>
                555</span>
            </div>
            ffff`;