Rails中截断含HTML标签的数据库字段文本时如何保留链接文本？

问题原因 #

truncate方法是直接对原始字符串按字符数截断，不会识别HTML标签结构。当遇到较长的href属性值时，会直接截断标签本身，导致HTML结构破损，无法正常渲染链接。

解决方案：基于HTML解析的精准截断 #

借助Rails默认依赖的Nokogiri库解析HTML内容，仅对文本节点进行截断操作，同时保留完整的HTML标签结构。

步骤1：封装自定义截断方法 #

在app/helpers/application_helper.rb中添加辅助方法：

def truncate_html(html, max_length: 50)
  doc = Nokogiri::HTML.fragment(html)
  total_length = 0
  truncated = false

  doc.traverse do |node|
    next unless node.text? && !truncated

    current_text = node.content
    remaining_length = max_length - total_length

    if current_text.length > remaining_length
      node.content = current_text[0...remaining_length] + '...'
      truncated = true
    else
      total_length += current_text.length
    end
  end

  doc.to_html.html_safe
end

步骤2：替换原有调用 #

把原来的：

truncate(comment, length: 50, escape: false)

替换为：

truncate_html(comment, max_length: 50)

效果说明 #

• 对于<strong>123</strong><br><strong>test</strong>这类带格式的内容，会正常保留加粗、换行等HTML结构，仅截断标签内的文本。
• 对于<a href="/uploads/attachments/very-long-path">ClickToOpenFile</a>这类链接，会完整保留<a>标签的所有属性，仅在链接文本过长时才截断文本部分，确保链接可正常点击。

内容的提问来源于stack exchange，提问作者Viktor