logo标签列表

如何在ReactJS中使用JsPDF将HTML字符串内容渲染为PDF

htmlreactjspdf-generationjspdf
5

我需要展示一个带有HTML字符串的PDF。我使用JsPDF来实现这个功能。我会得到一个动态内容的字符串。接收到的字符串是一个HTML内容。这需要进行格式化并在PDF中显示。

我使用了以下命令来安装JsPDF：

npm i jspdf --save

我初始化了库并提供了内容，调用保存会下载文件。

var doc = new jsPDF()
doc.text('<html></head> Title </head><body> Content </body></html>', 10, 10)
doc.save('a4.pdf')

这会将文本按原样打印出来。我需要将其显示为格式化的html。此外，最好在新标签页中打开，而不是下载。

谢谢。

jsPDF 是一个 PDF 生成器，但您需要一个 PDF 查看器来查看文档。请查看：https://github.com/mozilla/pdf.js/ - lux
1个回答
0
  onPrint = () => {
    const {post} = this.state;

    let pdfConverter = jspdf,
      doc = new pdfConverter();

    stringHtml = `<div>${post}</div>`;

    doc.setFontSize(22);
    doc.text('Title', 15, 15);
    doc.fromHTML(stringHtml, 15, 20, {'width': 180});

    window.open(doc.output('bloburl'), '_blank');
  };

请关闭广告拦截器

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接