1. ホーム
  2. スクリプト・コラム
  3. ルビートピックス

Ruby on RailsでMarkdownを使用する方法

2022-02-03 17:30:10

Markdownの構文とコードのシンタックスハイライトはそれぞれRedcarpetとpygments.rb Gemsを使用して実装されています。

    https://github.com/vmg/redcarpet
    https://github.com/tmm1/pygments.rb
    https://github.com/richleland/pygments-css
    http://pygments.org/docs/lexers/

Gemfileに以下の2行を追加してください。

gem 'redcarpet'
gem 'pygments.rb'



pygments.rbはPythonに依存しているので、マシンにPython 2.xがインストールされていることを確認する必要があります。

そして、redcarpetとpygments.rbに対応するコードを/app/controllers/comments_controller.rbに追加してください。

class ApplicationController < ActionController::Base
 # Prevent CSRF attacks by raising an exception.
 # For APIs, you may want to use :null_session instead.
 protect_from_forgery with: :exception

 helper_method [:markdown]

 # Highlight code with Pygments
 class HTMLwithPygments < Redcarpet::Render::HTML
  def block_code(code, language)
   language = "text" if language.blank?
   sha = Digest::SHA1.hexdigest(code)
   Rails.cache.fetch ["code", language, sha].join("-") do
    Pygments.highlight(code, :lexer => language)
   end
  end
 end

 protected

 # Markdown with Redcarpet
 def markdown(text)
  renderer = HTMLwithPygments.new({
   :filter_html => true,
   :hard_wrap => true,
   :link_attributes => {:rel => 'external nofollow'}
  })

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

  Redcarpet::Markdown.new(renderer, options).render(text).html_safe
 end
end



最後に、markdownメソッドをViewで直接呼び出すことで、ブログの本文を処理することができます。

<%= markdown @post.content %>



構文ルールはGithubのMarkdownに似ており、コードはより効率的になっています。