使用 xhtml2pdf pisa.CreatePDF() 创建 pdf 时出现 CSS 解析错误

Question

我正在关注xhtml2pdf 指南。

我使用了示例 html 文件之一并保存为 test.html：

<html>
<head>
<style>
    @page {
        size: a4 portrait;
        @frame header_frame {           # Static Frame
            -pdf-frame-content: header_content;
            left: 50pt; width: 512pt; top: 50pt; height: 40pt;
        }
        @frame content_frame {          # Content Frame
            left: 50pt; width: 512pt; top: 90pt; height: 632pt;
        }
        @frame footer_frame {           # Another static Frame
            -pdf-frame-content: footer_content;
            left: 50pt; width: 512pt; top: 772pt; height: 20pt;
        }
    }
</style>
</head>

<body>
    <!-- Content for Static Frame 'header_frame' -->
    <div id="header_content">Lyrics-R-Us</div>

    <!-- Content for Static Frame 'footer_frame' -->
    <div id="footer_content">(c) - page <pdf:pagenumber>
        of <pdf:pagecount>
    </div>

    <!-- HTML Content -->
    To PDF or not to PDF
</body>
</html>

然后我将此文件作为字符串读入并尝试创建一个pdf：

with open('test.html','r') as f:
    sourceHtml = f.read()
outputFilename = "test.pdf"
resultFile = open(outputFilename , "w+b")
pisaStatus = pisa.CreatePDF(sourceHtml,dest=resultFile)
resultFile.close()

但是，我收到以下错误回溯：

Traceback (most recent call last):
  File "<stdin>", line 1, in <module>
  File "C:\Python27\lib\site-packages\xhtml2pdf\document.py", line 89, in pisaDocument
    encoding, context=context, xml_output=xml_output)
  File "C:\Python27\lib\site-packages\xhtml2pdf\document.py", line 57, in pisaStory
    pisaParser(src, context, default_css, xhtml, encoding, xml_output)
  File "C:\Python27\lib\site-packages\xhtml2pdf\parser.py", line 660, in pisaParser
    context.parseCSS()
  File "C:\Python27\lib\site-packages\xhtml2pdf\context.py", line 428, in parseCSS
    self.css = self.cssParser.parse(self.cssText)
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 431, in parse
    src, stylesheet = self._parseStylesheet(src)
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 530, in _parseStylesheet
    src, atResults = self._parseAtKeyword(src)
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 650, in _parseAtKeyword
    src, result = self._parseAtPage(src)
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 746, in _parseAtPage
    src, atResults = self._parseAtKeyword(src)
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 657, in _parseAtKeyword
    src, result = self._parseAtFrame(src)
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 766, in _parseAtFrame
    src, properties = self._parseDeclarationGroup(src.lstrip())
  File "C:\Python27\lib\site-packages\xhtml2pdf\w3c\cssParser.py", line 1017, in _parseDeclarationGroup
    raise self.ParseError('Declaration group closing \'}\' not found', src, ctxsrc)
xhtml2pdf.w3c.cssParser.CSSParseError: Declaration group closing '}' not found:: (u'{           ', u'# Static Frame\n     ')

这似乎暗示css代码中缺少} 。 不过我觉得还好。 我正在使用 Windows，所以我认为这可能与\\r\\n行 EOL 有关 - 但事实并非如此。

谁能看到我做错了什么？

Answer 1

当我将所有CSS定义放在一行中时，它可以正常工作：

<html>
<head>
<style>
    @page {size: a4 portrait; @frame header_frame {-pdf-frame-content: header_content; left: 50pt; width: 512pt; top: 50pt; height: 40pt;} @frame content_frame { left: 50pt; width: 512pt; top: 90pt; height: 632pt;} @frame footer_frame { -pdf-frame-content: footer_content; left: 50pt; width: 512pt; top: 772pt; height: 20pt;}}
</style>
</head>
...

请注意，如果我将它们分开，以便每个定义都有一个单独的行，它就会挂起。

Answer 2

您遇到的问题与错误完全无关，但仍然涉及到您的CSS。

在CSS注释使用创建/*和*/ ，而不是#在Python等等。 如果从文件中删除“注释”，则由pisa解析并创建。 这也是您的单行示例有效的原因，但未包括在内。

Answer 3

您可以在 HTML 中应用 CSS

 <!DOCTYPE html>
<html lang="en">
  <head>
    <style type="text/css">
      /* Style the header: fixed position (always stay at the top) */
      .header {
        position: fixed;
        top: 0;
        z-index: 1;
        text-align: center;
        width: 100%;
        background-color: #f1f1f1;
      }

      .content {
        font-size: large;
        text-align: center;
        text-emphasis-color: red;
      }
    </style>
  </head>
  <body>
    <div class="header">
    </div>

    <div class="content">
    </div>
  </body>
</html>

外部 CSS/样式表不适用于 xhtml2pdf

使用 xhtml2pdf pisa.CreatePDF() 创建 pdf 时出现 CSS 解析错误

问题描述

3 个解决方案

解决方案1
2 2014-05-24 15:09:59

解决方案2
1 已采纳 2014-05-24 15:50:02

解决方案3
0 2021-12-08 15:35:04

使用 xhtml2pdf pisa.CreatePDF() 创建 pdf 时出现 CSS 解析错误

问题描述

3 个解决方案

解决方案1 2 2014-05-24 15:09:59

解决方案2 1 已采纳 2014-05-24 15:50:02

解决方案3 0 2021-12-08 15:35:04

解决方案1
2 2014-05-24 15:09:59

解决方案2
1 已采纳 2014-05-24 15:50:02

解决方案3
0 2021-12-08 15:35:04