2

长话短说

由于knp-snappy-bundle我无法在 PDF 中生成页眉,而我实际上可以生成页脚。

它是一个错误,一个功能,还是我做错了什么?

细节

1. 环境

我正在测试knp-snappy-bundle,我还wkhtmltopdfh4cc. 这是我的一部分composer.json

"h4cc/wkhtmltopdf-amd64": "^0.12.3",
"knplabs/knp-snappy-bundle": "^1.5",

生成的二进制文件是wkhtmltopdf这样说的:

$ vendor/bin/wkhtmltopdf-amd64 --version
wkhtmltopdf 0.12.3 (with patched qt)

2.没有页眉或页脚,它可以工作

我已经设置了一个使用的控制器knp-snappy-bundle并且它可以工作:

这是我的PdfController

public function downloadPdfAction( string $docName ) : Response
{
    $pdf = $this->getPdf( $docName );

    return new PdfResponse( $pdf, $this->getFilename( $docName ) );
}

private function getPdf( string $docName ) : string
{
    $html = $this->renderView( 'AppBundle:documents:' . $docName . '.pdf.twig' );

    $options = [];

    $generator = $this->getPdfGenerator();
    $pdf = $generator->getOutputFromHtml( $html, $options );

    return $pdf;
}

private function getPdfGenerator() : Pdf
{
    $generator = $this->get( 'knp_snappy.pdf' );

    return $generator;
}

它基本上:

  • 有一个downloadPdf动作
      1. 按名称获取 PDF 文档,作为参数传入。在这个例子中,我们将使用'helloWorld'.
      1. 使用捆绑包中的类返回Response使用 PDF 内容创建的新文件。PdfResponse
  • 获取 PDF
      1. twig它使用引擎渲染视图。
      1. 获取服务(拆分为另一个功能getPdfGenerator())。
      1. 使用该服务getOutputFromHtml(),没有传入任何选项。

这是我的helloWorld.pdf.twig

<html>
    <body>
        <div class="pdfPageBody">
            <h1>
                Hello, World!
            </h1>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </div>
    </body>
</html>

这是生成的 PDF,完全符合预期:

在此处输入图像描述

3.带有页眉和页脚,失败!

所以我现在添加页眉和页脚。为此,我只需添加几个树枝,将 HTML 渲染成几个变量,然后将它们传递到 Pdf 渲染器的选项中:

private function getPdf( string $docName ) : string
{
    $html = $this->renderView( 'AppBundle:documents:' . $docName . '.pdf.twig' );

    $header = $this->renderView( 'AppBundle:documents:header.pdf.twig' );
    $footer = $this->renderView( 'AppBundle:documents:footer.pdf.twig' );

    $options = [
        'header-html' => $header,
        'footer-html' => $footer,
    ];

    $generator = $this->getPdfGenerator();
    $pdf = $generator->getOutputFromHtml( $html, $options );

    return $pdf;
}

除了包含的文本之外,页眉和页脚彼此相同:

这是我的header.pdf.twig

<html>
    <body>
        <div style="border: 5px dashed crimson; color: maroon; background-color: darksalmon">
            This is a header
        </div>
    </body>
</html>

footer.pdf.twig

<html>
    <body>
        <div style="border: 5px dashed crimson; color: maroon; background-color: darksalmon">
            This is a footer
        </div>
    </body>
</html>

哇!!!页脚被渲染,但页眉没有!

这就是我得到的:

在此处输入图像描述

图中需要注意:

  1. 标题中有“东西”。我可以看到页面内容的文本,例如“已剪辑”。
  2. 页脚没有完全呈现,因为它隐藏了所有底部边框线,并且文本基线与页面的底部边缘对齐。

Soooo,因此我的问题!

  • 我应该怎么做才能让标题也被渲染?
  • 不应该是我可以通过这个简单的设置看到 PDF 中呈现的标题吗?为什么不出现?
4

2 回答 2

6

解决了!

好吧,考虑文档类型似乎wkhtmltopdf真的很严格,如果不是,它会做一些奇怪的事情。

灵感来自:https ://stackoverflow.com/a/28343079/1315009

所以,我改变了所有的树枝包括<!DOCTYPE html>

helloWorld.pdf.twig

<!DOCTYPE html>
<html>
    <body>
        <div class="pdfPageBody">
            <h1>
                Hello, World!
            </h1>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </div>
    </body>
</html>

header.pdf.twig

<!DOCTYPE html>
<html>
    <body>
        <div style="border: 5px dashed crimson; color: maroon; background-color: darksalmon">
            This is a header
        </div>
    </body>
</html>

页脚.pdf.twig

<!DOCTYPE html>
<html>
    <body>
        <div style="border: 5px dashed crimson; color: maroon; background-color: darksalmon">
            This is a footer
        </div>
    </body>
</html>

最后结果

我终于明白了:

在此处输入图像描述

它恰好有:

  1. 标题,身体上没有奇怪的剪裁
  2. 页脚。

希望有所帮助!

于 2017-12-01T02:25:00.273 回答
0

即使在确保设置了 DocType 之后,我的标题仍然存在这个问题。原来是因为我在标题中浮动了 2 个 div。删除了浮动样式并且它起作用了。PDF 的主要内容中仍然有浮动的 div,这不会导致任何问题。

于 2021-05-12T13:44:25.023 回答