So konvertieren Sie HTML in PDF-HTML-Tutorial-php.cn

So konvertieren Sie HTML in PDF

PHPz

Freigeben： 2024-02-24 08:36:29

Original

563 Leute haben es durchsucht

So konvertieren Sie HTML in PDF

Die Konvertierung von HTML in PDF ist eine der häufigsten Anforderungen in der Webentwicklung. Im Folgenden erfahren Sie anhand konkreter Codebeispiele, wie Sie diese Funktionalität implementieren.

Zunächst muss eine häufig verwendete Open-Source-Bibliothek – pdfmake – eingeführt werden. pdfmake ist eine JavaScript-Bibliothek zum Generieren von PDFs, die mithilfe von JSON-Objekten die Struktur, den Stil und den Inhalt von PDFs festlegen kann. Bevor wir es verwenden können, müssen wir es über npm installieren:

npm install pdfmake

Nach dem Login kopieren

Nachdem die Installation abgeschlossen ist, können wir es im Projekt verwenden. Hier ist ein einfaches Beispiel, das pdfmake verwendet, um eine PDF-Datei mit HTML-Inhalt zu generieren:

const pdfMake = require('pdfmake');

// 创建一个包含HTML内容的PDF文档
function createPdf(htmlContent) {
  const docDefinition = {
    content: [
      {
        // 使用HTML内容
        html: htmlContent
      }
    ]
  };

  const pdfDoc = pdfMake.createPdf(docDefinition);
  return pdfDoc;
}

// 保存PDF文件到本地
function savePdf(pdfDoc, filePath) {
  pdfDoc.getBuffer((buffer) => {
    // 将PDF数据写入文件
    fs.writeFileSync(filePath, buffer);
  });
}

// 示例：将HTML转化为PDF
const htmlContent = `
  <html>
    <head>
      <style>
        body {
          font-family: Arial, sans-serif;
        }
        h1 {
          color: red;
        }
        p {
          font-size: 14px;
        }
      </style>
    </head>
    <body>
      <h1>Hello, World!</h1>
      <p>This is a sample HTML content.</p>
    </body>
  </html>
`;

const pdfDoc = createPdf(htmlContent);
savePdf(pdfDoc, 'output.pdf');

Nach dem Login kopieren

Im obigen Code erstellen wir zunächst ein Dokument mit HTML-Inhalt. Verwenden Sie dann die Methode pdfmake.createPdf(), um ein PDF-Dokumentobjekt zu erstellen. Rufen Sie abschließend die PDF-Daten über die Methode pdfDoc.getBuffer() ab und speichern Sie sie als Datei.

Es ist zu beachten, dass im Beispielcode einige JavaScript-Module (z. B. fs) verwendet werden und diese Module möglicherweise eine zusätzliche Konfiguration und Installation erfordern, um in Ihrem Projekt verwendet zu werden.

Zusammenfassend lässt sich sagen, dass mit der pdfmake-Bibliothek problemlos HTML in PDF konvertiert werden kann. Dieser Artikel enthält einen einfachen Beispielcode als Referenz. Sie können weitere Anpassungen und Optimierungen entsprechend Ihren Anforderungen vornehmen. Hoffe das hilft!

Das obige ist der detaillierte Inhalt vonSo konvertieren Sie HTML in PDF. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!