使用 Redcarpet 渲染的 Markdown 缺少列表的破折号和部分之间的新行

Question

我生成了一些降价，在文本形式中看起来像这样：

"### 我们正在寻找具有...\r\n\r\n- 重要 Rails 的人 经验\r\n- 良好的沟通技巧 （推荐）\r\n\r\n\r\n### 你应该位于：\r\n\r\n- 柏林\r\n- 旧金山\r\n- 多伦多\r\n"

在ApplicationHelper.rb，我有以下内容：

module ApplicationHelper
    def markdown(content)
      return '' if content.blank?

      @options = {
           autolink: true,
           space_after_headers: true,
           underline: true,
           link_attributes: {rel: 'nofollow', target: "_blank"}
       }

      markdown = Redcarpet::Markdown.new(Redcarpet::Render::HTML, @options)

      markdown.render(content).html_safe
    end
end

无论我在每个 H3 部分之间添加多少换行符（在本例中为 3 个新行），这两个部分都紧挨着彼此拥抱，而不是尊重文本中的 3 个\ns。

此外，列表中的每个项目之前都没有 - 或 * 字符。

我查看了 Redcarpet 文档，但没有看到任何我可以启用以尊重新行和列表项的内容。将 Markdown 编译成的每个 html 标签都列入白名单似乎不是正确的解决方案。

任何帮助将不胜感激。谢谢！

Answer 1

Redcarpet 的输出是 HTML。它在浏览器中的显示方式取决于您如何设置此 HTML 的样式，并且或多或少与源 Markdown 中的间距无关。

您提供的降价代码会生成以下 HTML：

<h3>We&#39;re looking for someone with…</h3>

<ul>
<li>Significant Rails experience</li>
<li>Good communication skills (recommended)</li>
</ul>

<h3>You should be located near:</h3>

<ul>
<li>Berlin</li>
<li>San Francisco</li>
<li>Toronto</li>
</ul>

无论列表和标题之间有多少换行符，都会生成完全相同的 HTML。

渲染时会出现多少空间取决于您的 CSS。例如，您可能希望将margin-top 或padding-top 添加到h3 元素以创建更多空间。

列表图标也是如此，您可能将 list-style 设置为 none，这就是为什么项目符号没有出现的原因。

Answer 2

这些示例选项可能可以帮助您解决问题，选择并删除您不需要的选项。 对于 Rails，将您的数据类型更改为文本而不是字符串，因为它不能使用换行符。

options = {
    :fenced_code_blocks => true,
    :no_intra_emphasis => true,
    :autolink => true,
    :strikethrough => true,
    :lax_html_blocks => true,
    # :superscript => true,
    :tables => true,
    :with_toc_data => true
  }

你应该用这个来测试，

### We're looking for someone with

- Significant Rails experience
- Good communication skills (recommended)

### You should be located near

- Berlin
- San Francisco
- Toronto