[用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.