Question

    import sample from './response.pdf'

React-pdf Component。

<Document
    file={sample}
     onLoadSuccess={this.onDocumentLoad} >
    <Page pageNumber={pageNumber} />
 </Document>

我在文档组件中使用手动PDF。所以它的工作正常有没有办法在文件密钥中显示Html文件。例如：我有一个像这样的HTML

sample1 = Html代码等......

<Document
    file={sample1}
     onLoadSuccess={this.onDocumentLoad} >
    <Page pageNumber={pageNumber} />
 </Document>

我尝试过，任何人都可以指导如何使用它。

Answer 1

这只是一个PDF查看器，它将整个文件作为参数显示给您。

要将HTML字符串/文件转换为PDF，您需要另一个使用字符串内容作为流的包，并将其转换为您。

您可以查看此套餐 html-to-pdf

<强>用法

var htmlToPdf = require('html-to-pdf');
var html = ...; //Some HTML String from code above

htmlToPdf.convertHTMLString(html, 'path/to/destination.pdf',
    function (error, success) {
        if (error) {
            console.log('Oh noes! Errorz!');
            console.log(error);
        } else {
            console.log('Woot! Success!');
            console.log(success);
        }
    }
);

如何在react-pdf组件中的文件中显示html？

1 个答案: