如何在没有标签重叠的情况下在换行符上插入段落标签？

Question

我有一个带有一些 HTML 标记的字符串，但没有任何段落。我想用段落标签替换换行符，但如果我这样做是“愚蠢的方式”：

html.gsub!(/\s*\n+\s*/, '</p><p>')
html = '<p>' + html + '</p>'

，然后我会得到标记重叠：

This is text. <b>Bold text.\n
Still bold,</b> now plain.

变成：

<p>This is text. <b>Bold text.</p><p>Still bold,</b> now plain.</p>

我知道 HTML5 允许重叠标签，但它仍然非常非常难看。我想得到这样的东西：

<p>This is text. <b>Bold text.</b></p><p><b>Still bold,</b> now plain.</p>

我该如何解决这个问题？

UPD。 <br/> 不是我需要的 - 我打算使用带有自定义解析器的 Kramdown 来从这个字符串生成 Markdown，并且在字符串中我需要每个段落的打开和关闭标记。

Answer 1

插入 HTML <br> 标签。它们被明确定义为没有配对结束标签的独立标签。如果 XHTML 仍然存在，它们将是<br/> 标签。

Answer 2

通过添加<br> 标签，您可以插入一个换行符。它也没有结束标签，因此无需尝试关闭它。

W3Schools - < br > Tag

更新：

如果您需要成对的标签，您可以使用 CSS 创建换行符。

HTML

<p class="break">
  Break right after this and
  <span>before this</span>
</p>

CSS

p.break {
  span {
    display: table;
  }
}

如Codepen 所示。