Javascript 从html模板字符串中删除额外的元素

我有一个html模板，我想通过JS从中删除额外的内容。 我不能有多个空的P.S

例如：

结果:

---

您可以使用正则表达式来搜索和删除不需要的内容。您可以使用获取正则表达式的详细信息

常量htmlTemplate=` 富编辑器文本

1.2.3

测试432

洛勒姆

ipsum dolor amet

`； const ret=htmlTemplate.replace/[.\s]*+/ig；

---

console.logret 您可以使用正则表达式来搜索和删除不需要的内容。您可以使用获取正则表达式的详细信息

常量htmlTemplate=` 富编辑器文本

1.2.3

测试432

洛勒姆

ipsum dolor amet

`； const ret=htmlTemplate.replace/[.\s]*+/ig；

---

console.logret；到目前为止您尝试了什么？为什么输出中有空的？您不希望连续出现多个空p吗？从结果中，我可以看到两个以上的“我不是多余的”@NicolaMaties，您说得对。您可以使用该字符串将其转换为文档对象，然后通过子元素循环。到目前为止，您尝试了哪些？为什么输出中存在空p？您不希望连续出现多个空p吗？从结果中，我可以看到另外两个“我不是多余的”@NicolaMaties，您说得对。您可以使用该字符串将其转换为文档对象，然后循环遍历子元素great answer！我还认为{1，}可以在您的regexp中被+替换。答案很好！我还认为{1，}可以在regexp中替换为+。

const htmlTemplate = `
  <p>Rich editor text</p>
  <p></p>
  <p></p> // <-- Remove these extra elements
  <p>1.2.3</p>
  <p>test432</p>
  <p></p>
  <p></p> // <--
  <p>lorem</p>
  <p></p>
  <p></p>  // <--
  <p></p>  // <--
  <p>ipsum dolor amet</p>
`

const result = `
  <p>Rich editor text</p>
  <p></p>
  <p>1.2.3<br></p>
  <p>test432</p>
  <p></p>
  <p>lorem</p>
  <p></p>
  <p>ipsum dolor amet</p>
`