红宝石在轨道上 3 - 红地毯锚点到标题

Question

我正在使用红地毯宝石进行降价，我想为 h2 标题生成自动锚点以允许链接到每个部分。

显示.html.erb

<div class = "content"><%= markdown(@post.body) %></div>

application_helper.rb

class HTMLwithPygments < Redcarpet::Render::HTML
  def block_code(code, language)
    Pygments.highlight(code, :lexer => language)
  end
end
def markdown(text)
  renderer = HTMLwithPygments.new(:hard_wrap => true, :with_toc_data => true)
  options = {
    :fenced_code_blocks => true,
    :no_intra_emphasis => true,
    :autolink => true,
    :strikethrough => true,
    :lax_html_blocks => true,
    :superscript => true,
  }
  Redcarpet::Markdown.new(renderer, options).render(text).html_safe
end

我读到：with_toc_data => 真的，但它对我不起作用。我将其添加到选项区域中。

Answer 1

我做和你描述的一样的事情，基本上是

Redcarpet::Markdown.new(
  Redcarpet::Render::HTML.new(with_toc_data: true), {}
).render(text)

我的视图包含以下代码

- @article.description.scan(/(#+)(.*)/).each do |menu_item|
  = content_tag(:a, menu_item[1], :href => "##{menu_item[1].downcase.strip.gsub(" ","-")}")

也许这会有所帮助。