在weasyprint中不应用Bootstrap CSS

时间:2018-03-26 16:35:08

标签: python css flask bootstrap-4 weasyprint

我已经制作了一个烧瓶应用程序,它使用weasyprint从html生成.pdf并将其作为附件发送。但显然bootstrap 4 css不适用。我找不到解决方案。 它与pdfkit配合得很好但我需要weasyprint,因为pythonanywhere.com不支持pdfkit。

我尝试使用bootstrap css链接bootstrap作为我的html中的文件,但没有区别。

这是我的python部分,它生成并发送pdf。

@app.route('/pdf_send', methods=('GET', 'POST'))
@login_required
def pdf_send():

    rendered = render_template(
    'pdf_send2.html', 
    name=name_g, 
    surname=surname_g,
    email=email_g,
    address=address_g,
    invoice_no=invoice_no_g,
    dict_g=dict_g,
    bendra_suma_g = ('%.2f' % round(float(bendra_suma_g[0]), 2)),
    send=send_g,
    today=today_g
    )

    css_file = ('static/bootstrap.css')
    filename = 'SF-' + invoice_no_g +'.pdf'
    html = HTML(string=rendered)
    css = CSS(filename=css_file)
    html.write_pdf(filename, stylesheets=[css])
    send_email(filename, email_g)

    return redirect(url_for('index'))

2 个答案:

答案 0 :(得分:0)

我知道这是一个旧线程,但是我在寻找相同问题的答案时偶然发现了它,因此,我添加了解决方法,以防其他人使用。我将首先指出,尽管这样做确实可行,但Bootstrap确实不适合用于打印,而weasyprint会忽略@media查询中的所有内容,因此您将需要添加很多内容。无论如何,为了使css正确渲染,可能不值得。

使用原始问题中的代码,如果将引导程序cdn css添加到stylesheets列表中,它将呈现:

html = HTML(string=rendered)
css = CSS(filename=css_file)
html.write_pdf(filename, stylesheets=[css, "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"])

但是,考虑到Bootstrap渲染的问题,我发现此技巧在应用字体方面非常有用。

答案 1 :(得分:-1)

weasyprint与bootstrap不兼容。

为清楚起见,这是参考Link to Github site

WeasyPrint会忽略您编写的任何引导类。

你可以看到"忽略......" WeasyPrint错误日志中的消息(如果你曾经启动过)。

因此,最好将CSS用于打印页面