在Rails 3应用程序中使用CodeRay和Markdown(RDiscount)突出显示语法

时间:2010-10-22 05:10:51

标签: ruby ruby-on-rails-3 coderay rdiscount

我正在尝试向我目前使用RDiscount的博客添加一些语法突出显示。我正在使用RDiscount将Markdown转换为HTML,然后使用CodeRay解析HTML代码块以添加语法突出显示。这就是我到目前为止所做的:

class Post < ActiveRecord::Base
  before_save :render_body

  def render_body
    self.rendered_body = coderay(markdown(self.body))
  end

  def markdown(text)
    RDiscount.new(text).to_html
  end

  def coderay(text)
    text.gsub(/\<code( lang="(.+?)")?\>(.+?)\<\/code\>/m) do
      CodeRay.scan($3, $2).div(:css => :class)
    end
  end
end

在我看来:

<%= raw @post.rendered_body %>

使用此降价:

<code lang="ruby">
def function(param1, param2)
  puts param1
    param2.each do |a|
      a.hello :world
    end
end
</code>

结果是代码块被包装了两次。

<pre>
<div class="CodeRay">
<div class="code">
<pre>
def function(param1, param2)
  puts param1
  param2.each do |a|
    a.hello :world
  end
end
</pre>
</div>
</div>
</pre>

我该怎么办?

1 个答案:

答案 0 :(得分:2)

render_body方法中,在调用coderay()方法之前调用markdown()方法。首先使用markdown方法生成一些额外的html,这会导致输出错误CodeRay

我的测试假设您在降价源

中有原始数据
<code lang="ruby">
      def function(param1, param2)
        puts param1
          param2.each do |a|
            a.hello :world
          end
      end
</code>

这是我用来测试它的完整类。注意我没有使用:css => :class选项,因为我没有css来测试它。

class Post < ActiveRecord::Base
  before_save :render_body

  def render_body
    self.rendered_body = markdown(coderay(self.body))
  end

  def markdown(text)
    RDiscount.new(text).to_html
  end

  def coderay(text)
    text.gsub(/\<code( lang="(.+?)")?\>(.+?)\<\/code\>/m) do
      CodeRay.scan($3, $2).div
   end
  end
end

假设:css => :class选项的最终输出现在看起来应该是这样的

<div class="CodeRay"> 
  <div class="code"><pre> 
      <span class="r">def</span> <span class="fu">function</span>(param1, param2)
        puts param1
          param2.each <span class="r">do</span> |a|
            a.hello <span class="sy">:world</span> 
          <span class="r">end</span> 
      <span class="r">end</span> 
</pre></div> 
</div>