如何编码多个段落？答案

【问题标题】：How to code multiple paragraphs?如何编码多个段落？
【发布时间】：2015-12-15 11:18:20
【问题描述】：

我想制作一个有很多段落的网站，但我想知道是否有更有效的方法来实现代码中的间距，而无需返回并为每个段落放置  标记。我有一种感觉，实现这一点不仅仅是 HTML 和 CSS。我试过<pre>element，但它是隔开每一行，而不是段落本身。

任何人都可以帮助我朝着正确的方向前进吗？

【问题讨论】：

【解决方案1】：

 是创建段落的正确方法。 HTML5 规范允许您排除结束  标记，但许多浏览器和博客引擎需要它，所以我建议您包含它。   标记可用于进行通用换行，但不允许您将 CSS 样式应用于段落，因此不要将其用于段落。

如果您不想每次都输入，那么您需要一个可以为您输出 html 的 IDE 或富文本编辑器。

【讨论】：

确实如此。没有捷径。您需要s 才能使您的文档正确，但您可以使用各种工具（智能编辑器、服务器端脚本或实际 CMS）来帮助您生成这些标签，因此您不必输入它们一直在记事本中。
正确！我只是想补充一点：当您构建“真实”网站时，您很可能希望使用某种内容管理。无论它是真正的 cms 还是框架，它都会自动将数据库中的段落循环填充到模板中，因此您只需编写一次 - 完成的 DOM 将并且应该仍然具有所有标签。

【解决方案2】：

您可以在Markdown 中编写您的段落，然后将它们转换为 HTML。在 Markdown 中，段落由两个换行符分隔，而不是标签。（Stack Overflow 使用 Markdown 发布帖子。）

例子：

This is one paragraph in Markdown.

This is a second paragraph. As you can see, no `<p></p>` tags are necessary.

【讨论】：

有关 Markdown 的更多最新信息，请参阅CommonMark。 CommonMark 是 Markdown 的 specification，其网站包括 cheat sheet 和 online demo tool。

【解决方案3】：

你想使用 sn-ps 吗？对于快速编码，您可以使用emmet。例如：

你可以写p.class_name*4，然后你会得到

<p class="class_name"></p>
<p class="class_name"></p>
<p class="class_name"></p>
<p class="class_name"></p>

希望我理解正确。

【讨论】：

【解决方案4】：

解决方案可能是正确编写完整的p 元素，然后根据需要复制和粘贴它。

要在每个p 元素之间添加空格，请使用br 元素，它会在“拆分”行时为您提供空间。

希望这对您有所帮助，编程愉快！

【讨论】：

【解决方案5】：

如果我对您的理解正确，您有一个分为多个段落的长文本，并且您希望在浏览器中“正确”显示它。文本中的段落划分通常通过它们之间的空行来实现。

所以 - 你应该从文本中解析现有的段落：

var paragraphs  = text.match(/[^\r\n]+/g);

添加 HTML 段落格式：

var paragraphsInHtml = paragraphs.map(function(paragraph) {
    return "<p>" + paragraph + "</p>";
});

并改写文字：

var formattedText = paragraphsInHtml.join();

[代码 sn-ps 在 javascript 中]

【讨论】：