如何创建打印机友好的HTML页面？

Question

如何在特定的Rails视图中更改或删除应用程序中的布局,以使我的用户拥有更愉快的打印体验？(没有导航栏或其他额外数据)

现在,我一直在敲桌子几个小时试图解决这个问题.我尝试过使用但render layout: false没有成功.

我尝试过创建一个类似下面的动作,但它对我来说也不起作用:

def print
  respond_to do |format|
    format.html { render layout: false } 
  end
end

我尝试使用以下方法链接到此操作:

<%= link_to 'Printer Friendly Version', product_path(@product), :action => 'print', target: '_new' %>

我刚刚离开这里吗？我怎样才能更好地接近这个障碍？我不想使用PDF或Javascript,我只想渲染打印机友好的HTML.

Answer 1

你可以用这样的CSS做到这一点:在这里查看完整的文章.

<style type="text/css">
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #ad{ display:none;}
  #leftbar{ display:none;}
  #contentarea{ width:100%;}
}
</style>

它在检测到页面被发送到打印机时使用简化的CSS.

- W3Schools链接 -.

另见本文:

摘要:如何制作打印机友好的网页

如果您的网站为您的受众带来了价值,那么他们可能会想要打印出来.确保桌面打印机能够很好地处理您的网站,这是构建出色用户体验的另一个方面.

本文将快速介绍如何使用层叠样式表来设计打印的网页.