用户输入中的自定义降价

Question

我想为用户 cmets 添加一个简单的降价。

当用户提交此评论时：

我刚拿到[卡片：黑莲花]的人。战俘！

我希望它是这样显示的：

我刚拿到黑莲花人。战俘！

但带有额外的 html 标记：

I just got <span class="preview" data-card="/cards/card.id">Black Lotus</span> man. POW!

1) 我查看了Redcarpet，但不知道如何添加[card:...] markdown。

2) 还是我应该在将内容保存到数据库之前运行正则表达式并替换内容，然后在显示评论之前使用sanitize(ActionView::Helpers::SanitizeHelper) span 标签？

Answer 1

回答我自己的问题：

定义自定义渲染器并覆盖 normal_text 方法就可以了。

class HTMLwithCards < Redcarpet::Render::HTML
  def preprocess(full_document)
    full_document.gsub(/\[card:(.*)\]/) do
      card = Card.find_by_name($1)
      if card
        "<span class='preview' data-card='/cards/#{card.id}'>#{$1}</span>"
      else
        $1
      end 
    end
  end
end

然后你可以这样称呼它：

def markdown(text)
  renderer = HTMLwithCards.new(hard_wrap: true, filter_html: true)
  Redcarpet::Markdown.new(renderer).render(text).html_safe
end