JavaScriptを使用したHTMLをPDFに変換する方法
Contents
[
Hide
]
概要
Aspose.Cells is a professional solution that allows you to generate PDF files from web pages and raw HTML code in your applications.
This article explains how to HTMLをPDFに変換する. It covers the following topics.
JavaScriptによるHTMLからPDFへの変換
HTMLをPDFに変換するには？ Aspose.Cells for JavaScriptを使用したC++ライブラリを使用すれば、数行のコードでHTMLからPDFへ簡単にプログラム的に変換できます。Aspose.Cells for JavaScriptは、クロスプラットフォームアプリケーションの構築、Excelファイルの生成、変更、変換、レンダリング、および印刷が可能です。
JavaScriptを使ったHTMLをPDFに変換
以下のJavaScriptコードサンプルは、Aspose.Cells for JavaScriptを使用したHTMLからPDFへ変換方法を示しています。
- HtmlLoadOptionsクラスのインスタンスを作成します。 ワークブック オブジェクトを初期化します。
- Workbook.save() メソッドを呼び出して、出力 PDF ドキュメントを保存します。
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells HTML to PDF Example</title>
</head>
<body>
<h1>Convert HTML to PDF using Aspose.Cells</h1>
<input type="file" id="fileInput" accept=".html,.htm" />
<button id="runExample">Run Example</button>
<a id="downloadLink" style="display: none;">Download Result</a>
<div id="result"></div>
</body>
<script src="aspose.cells.js.min.js"></script>
<script type="text/javascript">
const { Workbook, SaveFormat, Utils } = AsposeCells;
AsposeCells.onReady({
license: "/lic/aspose.cells.enc",
fontPath: "/fonts/",
fontList: [
"arial.ttf",
"NotoSansSC-Regular.ttf"
]
}).then(() => {
console.log("Aspose.Cells initialized");
});
document.getElementById('runExample').addEventListener('click', async () => {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) {
document.getElementById('result').innerHTML = '<p style="color: red;">Please select an HTML file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Loads the workbook which contains hidden external links
const options = new AsposeCells.HtmlLoadOptions(AsposeCells.LoadFormat.Html);
const workbook = new Workbook(new Uint8Array(arrayBuffer), options);
// Save as PDF
const outputData = workbook.save(SaveFormat.Pdf);
const blob = new Blob([outputData], { type: 'application/pdf' });
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'out.pdf';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download PDF File';
document.getElementById('result').innerHTML = '<p style="color: green;">PDF generated successfully! Click the download link to get the file.</p>';
});
</script>
</html>
オンラインでHTMLをPDFに変換してみてください
Aspose.Cells for JavaScript via C++ presents you online free application 「HTMLをPDFに」, where you may try to investigate the functionality and quality it works.
