javascript - 正则表达式排除某些标签

Question

我正在清理由所见即所得创建的输出，它不是插入中断，而是简单地创建一个空的 p 标签，但有时会创建其他不需要的空标签。

我有一个正则表达式来删除所有空标签，但我想从中排除空 p 标签。我该怎么做？

let s = "<h1>test</h1><h1></h1><p>a</p><p></p><h2></h2>";

s = s.trim().replace( /<(\w*)\s*[^\/>]*>\s*<\/\1>/g, '' )

console.log(s)

Answer 1

为了安全起见，您可以使用 DOMParser。

let s = "<h1>test</h1><h1></h1><p>a</p><p></p><h2></h2>";

const parser = new DOMParser();
const doc = parser.parseFromString(s, 'text/html');
const elems = doc.body.querySelectorAll('*');

[...elems].forEach(el => {
  if (el.textContent === '' && el.tagName !== 'P') {
    el.remove();
  }
});

console.log(doc.body.innerHTML);