chenjihua75 发表于 2013-2-7 15:09:25

传说中的truncate_html

学习用rails做blog的时候要用到rails的truncate功能。
<%= h truncate(post.content, 100, "...") %>
问题来了,将html截断后出现不完整的tag,导致后续的文章排版都错乱了。
本来考虑是不是自己写一个,正在思考思路,结果祭起google,好吗,已经有牛人写了
原地址:http://henrik.nyh.se/2008/01/rails-truncate-html-helper
简单记录一下:
将下面代码保存到app/helpers/text_helper.rb。
# By Henrik Nyh <http://henrik.nyh.se> 2008-01-30.# Free to modify and redistribute with credit.require "rubygems"require "hpricot"module TextHelper# Like the Rails _truncate_ helper but doesn't break HTML tags or entities.def truncate_html(text, max_length = 30, ellipsis = "...")    return if text.nil?    doc = Hpricot(text.to_s)    ellipsis_length = Hpricot(ellipsis).inner_text.chars.length    content_length = doc.inner_text.chars.length    actual_length = max_length - ellipsis_length    content_length > max_length ? doc.truncate(actual_length).inner_html + ellipsis : text.to_sendendmodule HpricotTruncatormodule NodeWithChildren    def truncate(max_length)      return self if inner_text.chars.length <= max_length      truncated_node = self.dup      truncated_node.children = []      each_child do |node|      remaining_length = max_length - truncated_node.inner_text.chars.length      break if remaining_length == 0      truncated_node.children << node.truncate(remaining_length)      end      truncated_node    endendmodule TextNode    def truncate(max_length)      # We're using String#scan because Hpricot doesn't distinguish entities.      Hpricot::Text.new(content.scan(/&#?[^\W_]+;|./).first(max_length).join)    endendmodule IgnoredTag    def truncate(max_length)      self    endendendHpricot::Doc.send(:include,       HpricotTruncator::NodeWithChildren)Hpricot::Elem.send(:include,      HpricotTruncator::NodeWithChildren)Hpricot::Text.send(:include,      HpricotTruncator::TextNode)Hpricot::BogusETag.send(:include, HpricotTruncator::IgnoredTag)Hpricot::Comment.send(:include,   HpricotTruncator::IgnoredTag)
然后在app/controllers/application.rb中添加
helper Text
现在可以在view代码中使用
<%= h truncate_html(post.content, 100, "...") %>
ok,完成。
页: [1]
查看完整版本: 传说中的truncate_html