代码之家 › 专栏 › 技术社区 › DollarChills

CSS和wicked\u pdf不工作

wicked-pdf ruby-on-rails-5 ruby-on-rails

1

DollarChills · 技术社区 · 7 年前

我不知道我遗漏了什么,但我的css似乎没有在wicked_pdf旁边工作。我有一个图像链接在我的文件中,这是可行的,但样式丢失。

Gemfile公司

gem 'wicked_pdf'
gem 'wkhtmltopdf-binary'

控制器

format.pdf do
  render pdf: "day_report", 
  template: 'day/day_report',
  page_size: 'A4'
end

<head>
 <title>Page Title</title>
 <%= wicked_pdf_stylesheet_link_tag "styles" %>
 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>

日报.pdf.erb

<%= wicked_pdf_image_tag( 'logo.jpg', height: '100', width: '100') %>

<div class="page-header">
    Day Report
</div>

样式.css

.page-header {
  padding: 40px 0;
  background-color: red;
  text-color: #fff;
}

2 回复 | 直到 7 年前

1

2

Abid Iqbal 7 年前

为pdf创建一个不同的布局,如下所示。e、 g pdf.html.erb格式

<!DOCTYPE html>
<html>
<head>
  <title>Page title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 
  'reload' %>
  <%= wicked_pdf_stylesheet_link_tag "styles" %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload'%>
</head>
<body>
  <%= yield %>
</body>
</html>

将控制器操作更改为:

format.pdf do
  layout:'pdf.html',
  render pdf: "day_report", 
  template: 'day/day_report',
  page_size: 'A4',
  encoding:"UTF-8"
end

将styles.css更改为styles.scss并添加it assets.rb。

Rails.application.config.assets.precompile += %w(styles.scss)

干杯

2

Prosenjit Saha 7 年前

你能改名吗 styles.css 到 styles.css.scss Rails.application.config.assets.precompile += %w(styles.css) 试试看。