html - rails - wicked pdf example

Wicked PDF ignora el sistema de grilla bootstrap

Question

en mi plantilla x.pdf.erb sitio he vinculado todas las hojas de estilo y las etiquetas de JavaScript:

           <%= wicked_pdf_stylesheet_link_tag "bootstrap.css" -%>
            <%= wicked_pdf_stylesheet_link_tag "style.css" -%>
            <%= wicked_pdf_stylesheet_link_tag "styleUmowa.css" -%>
            <%= wicked_pdf_stylesheet_link_tag "animate.css" -%>
            <%= wicked_pdf_javascript_include_tag "application" %>

Cuando se genera el sitio pdf, todo está bien, excepto el sistema de grilla bootstrap, quiero decir el malvado pdf ignora mi:

<div class="container">
   <div class="row">
       <div class="col-lg-4"></div>
       <div class="col-lg-4"></div>
       <div class="col-lg-4"></div>
   </div>
</div>

Por lo tanto, se muestra como divs normales sin grilla de arranque. ¿Me puede ayudar con esto?

Answer 1

He encontrado el mismo problema. Hay varias soluciones:

1. Upgrade tu binario wkhtmltopdf a la versión> = 0.12, luego agrega :viewport_size opción :viewport_size para renderizar, algo como esto:

respond_to do |format|
  format.html
  format.pdf do
    render pdf: "my_pdf",
           viewport_size: ''1280x1024''
  end
end

2. O simplemente puedes usar las clases col-xs-*
3. O cree pdf.css.scss (estoy usando bootstrap-sass) con el siguiente contenido:

@import "bootstrap/variables";
@import "bootstrap/mixins";

@include make-grid(sm);
@include make-grid(md);
@include make-grid(lg);

No olvides incluirlo en <%= wicked_pdf_stylesheet_link_tag "pdf.css" -%>

Para CSS simple, tendrás que copiar y pegar todas las .col-sm-* , .col-md-* , .col-lg-* de bootstrap.css en tu pdf.css, PERO sin envoltorios @media , es importante .

Answer 2

Para cualquier persona que use KnpLabs/snappy , dar la ventana KnpLabs/snappy como una opción soluciona la situación:

$snappy->setOption(''viewport-size'',''1280x1024'');