个人中心
gpt4 book ai didi

html - 如何使 PDF 输出看起来与 HTML 输出完全一样

转载 作者：可可西里 更新时间：2023-11-01 13:44:03 25 4
gpt4 key购买 nike

我正在尝试为我的客户创建一个 PDF 以开始为其客户开具发票。我过去曾处理过创建 PDF 的问题，但记得创建它们是一件非常痛苦的事情。在我的 Django 应用程序中，我有两个 View 函数，一个仅呈现我用来设计发票的模板，另一个将其转换为 pdf 并同时呈现 PDF。我有两个并排打开的选项卡，一个指向每个版本模板 HTML 与 PDF，它们看起来完全不同。我是否必须使用一种特殊的标记语言来创建 PDF，或者他们是否有一个 python 包将 HTML 转换为 PDF 中该 HTML 的精确副本？

查看函数

from django.shortcuts import render, HttpResponse
from django.template.loader import get_template

from io import BytesIO
from xhtml2pdf import pisa


def generate_pdf(template_src, context_dict={}):
    template = get_template(template_src)
    html = template.render({})
    result = BytesIO()
    pdf = pisa.pisaDocument(BytesIO(html.encode("ISO-8859-1")), result)
    if not pdf.err:
        return HttpResponse(result.getvalue(), content_type='application/pdf')
    return None

def ronin(request):
    template = get_template('ronin.html')
    context = {}
    html = template.render(context)
    pdf = generate_pdf('ronin.html', context)
    if pdf:
        response = HttpResponse(pdf, content_type='application/pdf')
        filename = "Invoice_%s.pdf" % ("12341231")
        content = "inline; filename='%s'" % (filename)
        download = request.GET.get("download")
        if download:
            content = "attachment; filename='%s'" % (filename)
        response['Content-Disposition'] = content
        return response
    return HttpResponse("Not found")

def ronin_html(request):
    template = 'ronin.html'
    context = {}

    return render(request, template, context)

HTML

<!DOCTYPE html>
<html>

<head></head>

<body style="margin: 0;">

<style>
    #invoice-template {
        padding: 100px 100px 50px 100px
    }

    table {
        border-collapse: collapse;
    }

    table#main {
        border-bottom: 1px solid darkgray; width: 100%;
    }

    td.header.first {
        border-bottom: 1px solid darkgray;
        border-right: 1px solid darkgray;
        padding: 1% 4%;
        width: 20%;
    }

    td.header.second {
        padding: 0;
        vertical-align: top;
    }

    td.header.second .contact-details td {
        padding: 15px;
    }

    td.header.second .address td {
        padding: 15px;
    }

    td.header.second p {
        margin: 0;
    }
</style>

<div id="invoice-template">

    <table id="main" cellspacing="0">
        <tr>
            <td class="header first">
                <img src="/static/images/logo_dark.png" alt="">
            </td>
            <td class="header second">
                <table>
                    <tr class="address">
                        <td>
                            <p>ADDRESS</p>
                            <p>ADDRESS EXAMPLE St. CITY, STATE 11111</p>
                        </td>
                    </tr>
                    <tr class="contact-details">
                        <td>
                            <p>PHONE</p>
                            <p>+1 111 222 3333</p>
                        </td>
                        <td>
                            <p>WEBSITE</p>
                            <p>Website.com</p>
                        </td>
                        <td>
                            <p>FOCUS</p>
                            <p>WEBSITES / MOBILE APPS</p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

</div>

HTML View enter image description here

PDF 查看 enter image description here

最佳答案

您将遇到大多数 HTML 到 PDF 库的呈现问题，尤其是当它们使用 WebKit 作为引擎时。我建议结合使用 Puppeteer(创建页面的 headless chrome 实例并截取屏幕截图，这将是页面的真实 1:1 副本)和 PDFKit 来获取这些图像并将它们附加到 pdf 文档.

当然，这取决于您是否知道发票不会超过一个完整的 PDF 页面，或者如果是，您需要知道如何将内容分成单独的页面。

如果您真的想要 PDF 格式的 1:1 副本，这些都是需要解决的难题。

否则，我建议使用 wkhtmltopdf 之类的工具来获得相当好的近似值。

关于html - 如何使 PDF 输出看起来与 HTML 输出完全一样，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48845897/

25 4 0
文章推荐： php - 关于梦幻体育(蛇)草案的数学问题
文章推荐： php - 用于 PHP 的类似 Django 的 URL 路由
文章推荐： php - 修剪()函数: How to avoid empty string return if the argument is unset/null variable?
文章推荐： php - 如何使用 PHP IMAP 解析 HTML 电子邮件？
可可西里
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com