个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
根据我之前的 wicked_pdf 问题，现在我正在渲染正确的模板，但我无法获得 pdf 来渲染应用程序的 Bootstrap 样式。
我正在使用 bootstrap 4、ruby '2.4.2' 和 gem 'rails', '~> 5.2.1'
app/controllers/proposals_controller.rb
def show
@proposal = Proposal.find(params[:id])
@custom_content = @proposal.custom_contents
respond_to do |format|
format.html
format.pdf do
render pdf: "some_name",
template: "proposals/show.pdf.erb",
layout: "pdf.html",
margin: { top: 35, bottom: 35 }
end
end
end
应用/views/layouts/pdf.html.erb
<!DOCTYPE html>
<html>
<head>
<title>PDF</title>
<%= wicked_pdf_stylesheet_link_tag "application" -%>
</head>
<body>
<div class='container d-flex justify-content-center'>
test 2
<%= yield %>
</div>
</body>
</html>
app/views/proposals/show.pdf.erb
<div class="row full-page justify-content-center" id="cover">
<div class="container">
<div class="row p-0">
<div class="col-12 d-flex align-items-end ">
<%= wicked_pdf_image_tag '1209232_1920-1.jpg' %>
</div>
</div>
<div class="row pt-1 d-flex align-items-end text-justify">
<div class="col-12 text-justify cover-background">
<div class="row pt-1">
<h2 class="text-white text-justify">Proposal For <br> Maintenance</h2>
</div>
<div class="row p-0">
<div class="col-6">
<h5 class="text-white text-justify">Prepared For: <%= @proposal.contact.name %></h5>
<h6></h6>
</div>
<div class="col-6">
<h5 class="text-white text-justify">Prepared By: <%= @proposal.user.name %></h5>
</div>
</div>
</div>
</div>
</div>
</div>
app/assets/stylesheets/application.scss
// $navbar-default-bg: #312312;
// $light-orange: #ff8c00;
// $navbar-default-color: $light-orange;
$brand-color: #30AADD;
@import "font-awesome-sprockets";
@import "font-awesome";
@import "bootstrap";
@import "sticky-footer";
@import "announcements";
@import "summernote-bs4";
@import "summernote-custom-theme.min";
@import "material_icons";
// Proposal Cover
.full-page {
min-height: 100vh;
}
.cover-image{
background-image: url('https://heliportstudios.com/wp-content/uploads/2016/09/new-york-1209232_1920-1.jpg');
max-width: 100%;
max-height: 100vh;
}
.cover-background {
background: $brand-color;
}
plus alot of custom styling
我看过很多这样的案例，但似乎没有任何效果
最佳答案
在你的 pdf.html.erb 中，你需要引用 bootstrap css 文件。
<head>
<title>PDF</title>
<%= wicked_pdf_stylesheet_link_tag "application" -%>
<%= wicked_pdf_stylesheet_link_tag "bootstrap" %>
</head>
将 bootstrap.css 文件添加到您的 Assets /样式表中。
关于css - Wicked_PDF 不呈现 bootstrap 4 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52827047/
29
4
0
这是我使用 Wicked_pdf 转换我的 html.erb 时的结果页到pdf . 问题 : 好像table的 tr被分成两页。 我试过没有成功 : 使用 page-break-inside如所述
我在用 Windows 7 Rails 3.2.11 wkhtmltopdf 0.9.9 在 gem 文件中 gem 'wicked_pdf' 在我的初始化程序中 WickedPdf.config
我一直在使用 Wicked PDF gem用于生成 pdf。它一直运行良好。 但是，我遇到了这样一种情况，即需要在第一页上附加并显示一个大页脚，而不是其余页面。为此，我按照建议在 pdf 正文底部添加
我正在尝试安装 wicked_pdf，以便在我的 Rails 应用程序上生成 2 个用户之间的预填充契约(Contract)。 我觉得我已经正确安装了 wicked_pdf，但我收到“ActionCo
我遇到了一个问题，即呈现的 PDF 的字体大小在生产中较大。在开发中生成的 PDF 上，一切看起来都很棒。 这是开发的效果图: 这是来自生产的渲染: 这让我很难为开发中的生产服务器格式化我的文档。你能
我正在尝试使用生成 PDF WIckedPdf 版本 = 1.1.0 wkhtmltopdf 0.12.4(带有补丁的 qt) Rails 4.2 下面是我的 Controller 端点 @cover
如何让产品的图像以 pdf 格式显示？ 我在 View 文件中有此代码 它显示了这辆车的所有图像。 但是如果我在 show.pdf.erb 中使用相同的代码，那么我只
我对 wicked_pdf 页脚渲染没有什么问题。 这是我的渲染方法: def invoice render pdf: "#{@order.number}.pdf", f
我阅读了一些答案，但没有解决我的问题。 Html 图表效果很好，但当我使用 wicked_pdf 导出为 PDF 时，图表不显示。 我设置图表选项: plotOptions: { ser
我能够使用描述的技术 here在我想要的某些点获得分页符。但是，我有如下两列布局: " /> Location
我正在使用 wicked_pdf 和 wkhtmltopdf 在我的 Rails 应用程序中生成 pdf。我已经使用以下样式规则设置了我的页面(除了 Bootstrap 提供的样式之外)...
我有一个场景，我需要根据对象数组生成多页 pdf。 以下是我的模型: # Member has_many certificates class Member < ActiveRecord::Base
我正在使用 wicked_pdf 呈现 PDF。该应用程序以 HTML 格式呈现表格。该表是动态的，因为其中的数据每 30 秒更改一次。当用户单击“下载为 PDF”链接时，请求返回到服务器并呈现 HT
我有一个 Rails 应用程序，我在其中使用 wicked_pdf 生成 PDF。这一切都很好并且在本地工作，但是当推送到 heroku 时，PDF 确实呈现，但没有应用样式表。 特别是对于 PDF
render :pdf => "file_name", :layout => 'pdf.html.erb',
环境:- ruby - 1.9.3， rails - 4.0.0 我正在使用 wicked_pdf gem 生成 pdf。 为此，我在 Controller 中使用了以下代码:- respond_to
我在我的 rails 项目中使用 chart.js 和 activeadmin 我在我的行动中有这个 controller do before_action :set_query, only: :
我有一个这样的 Controller : def show @professor = Professor.find(params[:id]) respond_to do |format
我正在尝试使用 Wicked_pdf gem 和 Highcharts 生成 PDF 报告。 我已经尝试设置 animation , enableMouseTracking和 shadow错误的。 但
我正在使用 wicked_pdf 并且遇到了问题。 css 不起作用。如何正确使用？ 我的代码是这样的: application.html.erb WickedPdfExample
我是一名优秀的程序员,十分优秀！