基于类的Rails视图助手无法按预期输出捕获HTML的问题排查

你猜的完全没错！问题的核心就是**输出缓冲区（output_buffer）**的差异——函数式助手和当前视图共享同一个输出缓冲区，而你自己写的MyHelper类是一个独立实例，它的缓冲区和视图的完全不搭边，这才导致了HTML重复输出的诡异现象。

为什么会出现重复输出？ #

当你在视图里调用my_helper并传入block时，这个block的上下文是当前视图对象。在你的面向对象版本里：

1. 执行concat(tag.div(&block))时，block会先在视图的缓冲区里渲染一次（也就是你看到的提前输出的ul列表）；
2. 同时，你的MyHelper实例自己的缓冲区又捕获了一次block的内容，把它塞进了div标签里；
3. 最后MyHelper#render返回的details标签又被视图输出一次，就出现了“列表提前+列表在div里”的重复情况。

解决方案：让类助手复用视图的输出缓冲区 #

最简单的办法就是把当前视图对象传给MyHelper，让它完全复用视图的上下文和输出缓冲区，而不是自己搞一套。

步骤1：修改MyHelper类

把原来的独立类改成依赖视图对象的形式，所有helper方法都委托给视图调用：

# helpers/my_helper.rb
class MyHelper
  attr_reader :summary_text, :view

  def initialize(summary_text, view)
    @summary_text = summary_text
    @view = view # 持有当前视图对象的引用
  end

  def render(&block)
    # 所有tag、concat都用视图的方法
    view.tag.details do
      view.concat(view.tag.summary(view.tag.span(summary_text)))
      # 用view的capture捕获block内容，确保上下文一致
      view.concat(view.tag.div { view.capture(&block) })
    end
  end
end

步骤2：修改application_helper里的调用方法

把当前视图（也就是self，因为助手模块是混入视图的）传给MyHelper的初始化方法：

# application_helper.rb
def my_helper(summary_text, &block)
  MyHelper.new(summary_text, self).render(&block)
end

原理说明 #

这样修改后，所有的HTML生成、内容捕获、缓冲区操作都和视图用的是同一个上下文：

• view.capture(&block)会正确把block里的内容捕获到视图的输出缓冲区，不会提前泄露；
• view.concat也会把生成的标签正确追加到缓冲区的对应位置，和函数式助手的行为完全一致。

现在再运行代码，输出就和你期望的一样了——ul列表只会出现在details标签内部的div里，不会提前输出。

备注：内容来源于stack exchange，提问作者tim_south