sample.erb.html
<p>Page 1</p1>
<p>Page 2</p2>
所以,“” Page 1“之后的所有内容我都想在第二页上打印。
我该怎么做?
SO中有一个解决方案,但对我而言不起作用。
例如,以大虾为例,它具有一个很好的功能,称为start_new_page
在您的CSS中
p{page-break-after: always;}
经过几个问题,我将扩展答案以及如何在应用程序中使用它。
_ 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
_ 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
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>
_ 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
#brake{page-break-after: always;}
我遇到了同样的问题,我发现了可能有所帮助的东西。这是我的分页符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;
}
对于仍然有此问题,但没有一个答案的人,像我一样,这些都没有用:我放弃了使用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标记。
我使用此方法只有两个问题:
@pixel_count
,从而导致在奇数点自动分页,而在奇数点也手动分页为了解决这两个问题,我们一直在将pdf缓慢迁移到Prawn,尤其是Prawn :: Table。它速度更快,并且在绘制pdf之前会计算每行的高度,因此分页符更加可预测和一致。
一种快速方法是在HTML下方使用:
<div style="page-break-before: always;"></div>