2016-02-29 27 views
2

我正在使用wicked_pdf,并且出现问题。该CSS不起作用。如何正确使用?CSS无法在wicked_pdf上工作

我的代码是这样的:

application.html.erb

<!DOCTYPE html> 
<html> 
<head> 
    <title>WickedPdfExample</title> 
    <%= wicked_pdf_stylesheet_link_tag "bootstrap.min.css" -%> 
    <%= wicked_pdf_stylesheet_link_tag "application.css" -%> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
</head> 
<body> 
    <div class="container"> 
    <%= yield %> 
    </div> 
</body> 
</html> 

布局/ pdf.html.erb

<!DOCTYPE html> 
<html> 
<head> 
<title>PDF</title> 
    <%= wicked_pdf_stylesheet_link_tag "bootstrap" -%> 
</head> 
<body> 

    <div class='container'> 
    <%= yield %> 
    </div> 

</body> 
</html> 

customers_controller.erb

def index 
    @customers = Customer.all 
    respond_to do |format| 
     format.html 
     format.pdf do 
     render :pdf => 'file_name', 
     :layout => 'layouts/pdf.html.erb' 
     :template => 'customers/index.pdf.erb', 
     :show_as_html => params[:debug].present? 
     end 
    end 
    end 

index.pdf.erb

<h1>Listing Customers</h1> 

<table class="table table-condensed table-bordered"> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>Cpf</th> 
     <th>Occupation</th> 
    </tr> 
    </thead> 

    <tbody> 
    <% @customers.each do |customer| %> 
     <tr> 
     <td><%= customer.name %></td> 
     <td><%= customer.cpf %></td> 
     <td><%= customer.occupation %></td> 
     </tr> 
    <% end %> 
    </tbody> 
</table> 

有时,出现此错误:?

未定义的方法`start_with”为零:NilClass

我在做什么错?

但是,我的bootstrap不收费。我尝试了所有!

+0

我看到了很多最近。显然它是由你的css文件中的一个'url(。*)'引起的。任何机会你的项目是开源的,所以我可以更深入地调试它(因为我很难想象当wicked_pdf gem中的代码可能失败时的场景)。 – BroiSatse

+0

作为参考,有一个公开的问题:https://github.com/mileszs/wicked_pdf/issues/470 – BroiSatse

+0

这是git:请https://github.com/eltonsantos/wicked_pdf_example,请求这个。我尝试了所有,但没有任何工作! –

回答

1

我得到了我的CSS工作由本:

<%= stylesheet_link_tag "http://#{request.host_with_port}/#{asset_path("application.css")}", rel: "stylesheet", media: "all" %> 
相关问题