如何在ReactJS中使用JsPDF渲染PDF中的html字符串内容

Question

我需要显示带有可用 HTML 字符串的 PDF。我为此使用 JsPDF。我曾经以字符串的形式获取动态内容。接收到的字符串将是一个 html 内容。需要对其进行格式化并以 PDF 形式显示。

我使用下面的命令来安装 JsPDF

npm i jspdf --save

我初始化了库并提供了内容。调用 save 下载文件。

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

这将按原样打印文本。我需要将其显示为格式化的 html。它也很好，它在新选项卡中打开而不是下载。

谢谢。

Answer 1

  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');
  };

禁用广告拦截