[用wicked_pdf生成pdf时分页

问题描述 投票:4回答:4

sample.erb.html

<p>Page 1</p1>

<p>Page 2</p2>

所以,“” Page 1“之后的所有内容我都想在第二页上打印。

我该怎么做?

SO中有一个解决方案,但对我而言不起作用。

例如,以大虾为例,它具有一个很好的功能,称为start_new_page

pdf-generation ruby-on-rails-4 wicked-pdf
4个回答
3
投票

在您的CSS中

p{page-break-after: always;}

更新

经过几个问题,我将扩展答案以及如何在应用程序中使用它。

1有时,wickedpdf助手不起作用,所以我添加了一个初始化程序

_ config / initializers / wiked_pdf.rb _

module WickedPdfHelper
  def wicked_pdf_stylesheet_link_tag(*sources)
    sources.collect { |source|
      "<style type='text/css'>#{Rails.application.assets.find_asset("#{source}.css")}</style>"
    }.join("\n").gsub(/url\(['"](.+)['"]\)(.+)/,%[url("#{wicked_pdf_image_location("\\1")}")\\2]).html_safe
  end

  def wicked_pdf_image_tag(img, options={})
    image_tag wicked_pdf_image_location(img), options
  end

  def wicked_pdf_image_location(img)
    "file://#{Rails.root.join('app', 'assets', 'images', img)}"
  end

  def wicked_pdf_javascript_src_tag(source)
    "<script type='text/javascript'>#{Rails.application.assets.find_asset("#{source}.js").body}</script>"
  end

  def wicked_pdf_javascript_include_tag(*sources)
    sources.collect{ |source| wicked_pdf_javascript_src_tag(source) }.join("\n").html_safe
  end

  WickedPdf.config = {

  }
end

2在应用程序控制器中,使用常规配置参数创建配置方法

_ app / controllers / application_controller.rb _

class ApplicationController < ActionController::Base
  def pdf_config
    WickedPdf.config = {
        :wkhtmltopdf => "/usr/local/bin/wkhtmltopdf",
        :orientation  => 'Landscape',
        :layout => "pdf.html",
        :footer => {
            :left => "Rectores Lideres Transformadores",
            #:left => "#{Entidad.find(@current_user.entidad).nombre}",
            :right => "#{Time.now}",
            :font_size => 5,
            :center => '[page] de [topage]'
        },
        :disposition => 'attachment'

    }
  end

end

3为所有pdf文件创建通用布局。在这里,我使用我的应用程序css来维护pdf报告中网页的相同外观,只需要使用相同的类和id]

app / layouts / pdf.html.erb

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <%= wicked_pdf_stylesheet_link_tag "application" %> ----- HERE YOUR APPLICATION CSS -----
</head>
<div id="content">
  <%= yield %>
</div>
</body>
</html>

4在您的控制器中添加pdf重定向

_ app / controllers / users_controller.rb _

 def index
    @users = User.all

    respond_to do |format|
      format.pdf do
        pdf_config
        render  :pdf => "filename"
      end
    end
  end

5现在,在您的CSS中,选择哪个HTML ID是页面刹车

 #brake{page-break-after: always;}

1
投票

我遇到了同样的问题,我发现了可能有所帮助的东西。这是我的分页符CSS代码:

.page-break {
  display: block;
  clear: both;
  page-break-after: always;
}

由于TWO原因,这没有用:

I。在一个SASS导入文件中,我有以下代码行:

html, body
  overflow-x: hidden !important

II。另一个问题是引导程序

@import "bootstrap"

由于float: left的出现,看起来像:

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

分页符不再起作用。因此,只需添加此after即可导入引导程序。

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: initial !important;
}

0
投票

对于仍然有此问题,但没有一个答案的人,像我一样,这些都没有用:我放弃了使用CSS来解决分页符的问题,而是生成了2个pdf文件并将它们合并在一起,并使用了生成的文件,这样就没有可能不存在分页符的方法。

要合并files,使用的是pdf文件名数组

system("pdftk #{files.join(' ')} cat output merged_file_name.pdf")

更新

[我不记得我在哪里生成了2个pdf,但是我确实设法通过手动计算.html.erb文件中的像素在单个pdf文件中进行了这些分页符。<% @pixel_height = 0 %><% @page_height = 980 %>。以html格式查看pdf,以查看每个部分占用了多少像素。添加到@pixel_height

在适当的位置使用分页符,我检查@pixel_height + 20 >= @page_height(20是我们大多数pdf文件中<tr>占用的像素数),然后呈现手动分页符并将@pixel_height重置为0 。手动分页符将关闭所有html标记,添加一个0像素高的div和page-break-after: always,然后再次打开html标记。

我使用此方法只有两个问题:

  • 如果pdf中的某些文本太长,它将换行并抛出@pixel_count,从而导致在奇数点自动分页,而在奇数点也手动分页
  • WickedPdf缓慢

为了解决这两个问题,我们一直在将pdf缓慢迁移到Prawn,尤其是Prawn :: Table。它速度更快,并且在绘制pdf之前会计算每行的高度,因此分页符更加可预测和一致。


0
投票

一种快速方法是在HTML下方使用:

<div style="page-break-before: always;"></div>
© www.soinside.com 2019 - 2024. All rights reserved.