làm thế nào để tải Css trong pdf sử dụng wicked_pdf

Question

Đối với đường ray của tôi 4 ứng dụng tôi muốn chuyển đổi html và Css vào một tập tin pdf. tôi sử dụng các wkhtmltopdf và wicked_pdf đá quý nếu tôi sử dụng các helper ác của mình không hiển thị css nhưng nó render chỉ có văn bản

trong bộ điều khiển của tôi có:

respond_to do |format| 
     format.html 
     format.pdf do 
     render :pdf => "#{@card.name}", 
      :template => 'cards/show.html.slim', 
      :page_size => "A4", 
      :disposition => 'attachment' 

Và trong chương trình. html.slim

= link_to "Download PDF", :action => "show", :format => :pdf 

aplication.html.erb

<%= wicked_pdf_stylesheet_link_tag "pdf" -%> 
<%= wicked_pdf_stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %> 
<%= wicked_pdf_javascript_include_tag "application", "data-turbolinks-track" => true %> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

Answer 1

<%= wicked_pdf_stylesheet_link_tag "css_file_name" -%> 

đây là tên tập tin css mà bạn phải có trong thư mục app/assets/stylesheets/ bạn

<%= wicked_pdf_stylesheet_link_tag "css_file_name" -%> 
<%= wicked_pdf_stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %> 
<%= wicked_pdf_javascript_include_tag "application", "data-turbolinks-track" => true %> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

hy vọng điều này có thể giúp bạn.