Reactjs 使用 phpwkhtmltopdf 生成 pdf

Question

我是reactJs的新手。我创建了一个组件来生成报告，我将它作为节点模块拉到我的 php 应用程序，在那里我创建了一个聪明的模板（.tpl），因为我正在使用 main.version.js，main.version.css 文件并通过数据属性将所需数据传递给组件，然后我就可以查看报告了。现在的问题是，当我们从浏览器中单击 print hyper link 时，我必须生成一个 pdf。为此，我们使用 wkhtmltopdf 转换器，使用它我们能够合并不同的 pdf 并生成单个 pdf。在这里，我得到一个空白页。如果我提供一些工作正常但不适用于反应组件内容的文本。此反应组件失败。请指引我正确的方向。

<html>
<head>
    <link href="{$baseUrl}node_modules/react-component-report/build/main.xxx.css" rel="stylesheet" type="text/css"/>
</head>
<body>
    <div id="root" data-title="Hello" data-name="World" data-reportcontent='{literal}{"users": [11,5],"dates": "2017-09-17" }{/literal}'></div>
    <script src="{$baseUrl}node_modules/react-component-report/build/main.xxx.js"></script>
</body>
</html>

Answer 1

如果我没理解错，wktohtml 是一个命令行实用程序，您将它指向包含反应代码的网页的 url。您正在尝试让该命令行实用程序将 React 生成的页面呈现为 PDF。

如果这是正确的，我认为问题在于 React 是一种客户端语言，因此它需要 javascript 才能实际呈现。

您可以看到 html 您的脚本试图通过从命令行加载 url 和 curl 来呈现。您会看到它只包含一些脚本标签和一个空的包装器，您的应用程序将在其中安装。

有一些方法可以使用 node.js 服务器呈现 react.js，或者您可以查看其他生成 PDF 的方法。 This library 看起来它可以让您从浏览器生成 PDF。

可以在此处找到有关如何解决此问题的更多示例：http://blog.stahlmandesign.com/export-html-to-pdf-how-hard-can-it-be/

Reactjs 使用 phpwkhtmltopdf 生成 pdf

Reactjs generating pdf using phpwkhtmltopdf

php

wkhtmltopdf

reactjs