Rails实现markdown和代码高亮

作者: wilsoncai 分类: ruby/rails 发布时间: 2018-01-12 16:42

安装GEM
Markdown是时下很流行的一种标记语言。

可以很简便的生成html代码,github的README就是用这种形式显示再代码目录的下面。

Ruby/Rails借助繁多的Gem,可以迅速的就做好markdown的支持,顺道包含对代码高亮的支持。

Gem太多,实现方法也太多。

下面就介绍一种比较迅速开发的办法。用了redcarpet和CodeRay两个Gem。

gem 'redcarpet'
gem 'coderay'

打开app/helper/application_helper.rb, 添加下列代码。

def markdown(text)
	options = {   
	    :autolink => true, 
	    :space_after_headers => true,
	    :fenced_code_blocks => true,
	    :no_intra_emphasis => true,
	    :hard_wrap => true,
	    :strikethrough =>true
	  }
	markdown = Redcarpet::Markdown.new(HTMLwithCodeRay,options)
	markdown.render(h(text)).html_safe
end
class HTMLwithCodeRay < Redcarpet::Render::HTML
  def block_code(code, language)
    CodeRay.scan(code, language).div(:tab_width=>2)
  end
end

在erb中显示

<%= markdown(@post.content) %>

发表评论

电子邮件地址不会被公开。 必填项已用*标注