Heim > Artikel > Web-Frontend > So konvertieren Sie HTML in PDF

So konvertieren Sie HTML in PDF

PHPzOriginal: 2024-02-24 08:36:29566Durchsuche

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

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

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!

JavaScript json html npm 对象

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Unterscheiden Sie zwischen Import und LinkNächster Artikel：Unterscheiden Sie zwischen Import und Link

In Verbindung stehende Artikel

Mehr sehen