ruby-on-rails - Heroku 上的 WickedPDF 松散样式
问题描述
我用 WickedPdf 生成 PDF,它在本地就像一个魅力......
我在 Heroku 上遇到了麻烦。我可以下载 pdf,但它根本没有样式......(在我的订单和贴纸中都没有)
这是我的代码:
是pdf.scss
在vendor/assets/stylesheets
订单控制器.rb
def show
respond_to do |format|
format.html { }
format.pdf do
html = render_to_string(template: "clients/orders/show.pdf.erb", layout: "layouts/application.pdf.erb", orientation: "Landscape", page_size: 'A4', encoding:"UTF-8" )
pdf = WickedPdf.new.pdf_from_string(html)
send_data(pdf, filename: "order.pdf", type: "application/pdf", disposition: 'attachment')
end
end
end
贴纸控制器.rb
def show
respond_to do |format|
format.html { }
format.pdf do
html = render_to_string(template: "admin/stickers/show.pdf.erb", layout: "layouts/application.pdf.erb", orientation: "Landscape" )
pdf = WickedPdf.new.pdf_from_string(html)
send_data(pdf, filename: "sticker.pdf", type: "application/pdf", disposition: 'attachment')
end
end
end
配置/初始化程序/assets.rb
Rails.application.config.assets.precompile += %w( pdf.scss )
配置/初始化程序/wicked_pdf.rb
if Rails.env.production?
WickedPdf.config = {
exe_path: Gem.bin_path('wkhtmltopdf-heroku', 'wkhtmltopdf-linux-amd64'),
page_size: 'Letter',
orientation: 'Portrait',
margin: { top: 2,
bottom: 2,
left: 2,
right: 2 }
}
else
WickedPdf.config = {
exe_path: '/usr/local/bin/wkhtmltopdf',
page_size: 'Letter',
orientation: 'Portrait',
margin: { top: 2,
bottom: 2,
left: 2,
right: 2 }
}
end
宝石文件
gem 'wicked_pdf'
gem 'wkhtmltopdf-binary', '~> 0.12.3'
gem "wkhtmltopdf-heroku"
布局/application.pdf.erb
<html lang="fr">
<head>
<meta charset="utf-8" />
<%= wicked_pdf_stylesheet_link_tag 'pdf' %>
</head>
<body>
<div>
<%= yield %>
</div>
</body>
</html>
同样在我的订单和贴纸show.pdf.erb中,我在顶部使用 bootstrap CDN(我在应用程序的其余部分使用 bootstrap 4,但似乎 Wickedpdf 不适用于 bootstrap 4)。Bootstrap CDN 在本地工作
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<div id="container">
<div class="row">
<table class="table table-striped line-items">
#the test of the code
</table>
</div>
</div>
我找到了这个例子,但它对我不起作用..我在 rails 5.2 上,这可能是不同之处......建议添加这个,但它实际上在initializers/assets.rb
在config/environments/production.rb
:
config.assets.precompile += ['documents.css.scss.erb']
解决方案
所以主要的风格问题来自 Bootstrap。
Bootstrap CDN 链接没有完成这项工作,所以我最终下载了bootstap css。基本上我没有选中所有内容,只保留了常见的 CSS 等需要的内容。
我缩小了引导 css,将其粘贴到一个新文件中bootstrap.min.css
,并将其放在vendor/assets/stylesheets/
下面pdf.scss
然后我在我的 pdf.scss 中导入了 boostrap 文件,如下所示:
@import "bootstrap.min";
推荐阅读
- image - 去除精子细胞尾部的污渍
- shell - 用于在远程服务器中推送和解压缩文件的脚本
- bitbucket - 如何让 codecov.io 将覆盖率报告发布到 bitbucket 拉取请求评论
- python - 与终端尺寸相关的更新窗口
- javascript - Javascript 函数在 Chrome 和 Internet Explorer 中返回不同的请求正文
- android - 在 OpenGL ES 2.0 中垂直重复像素
- excel - 比较 VBA 中的两组日期
- github-api - 显示有关 GitHub 提交的信息
- r - 在 R 中重塑奇怪的月/日数据框
- ruby-on-rails - 条码输入导轨