Exportieren des Druckbereichs in HTML mit JavaScript via C++
Contents
[
Hide
]
Mögliche Verwendungsszenarien
Dies ist ein häufiges Szenario, bei dem nur der Druckbereich, also ein ausgewählter Zellbereich, anstatt des gesamten Blatts nach HTML exportiert werden soll. Dieses Feature ist bereits für PDF-Renderings verfügbar; jetzt können Sie diese Aufgabe auch für HTML ausführen. Zuerst setzen Sie den Druckbereich im Seiteneinrichtungsobjekt des Arbeitsblatts. Später verwenden Sie das HtmlSaveOptions.exportPrintAreaOnly()-Flag, um nur den ausgewählten Bereich zu exportieren.
Beispielcode
Der folgende Beispielscode lädt eine Arbeitsmappe und exportiert dann den Druckbereich in das HTML. Die Beispieldatei zum Testen dieser Funktion kann unter folgendem Link heruntergeladen werden:
<!DOCTYPE html>
<html>
<head>
<title>Aspose.Cells Example</title>
</head>
<body>
<h1>Export Print Area to HTML Example</h1>
<input type="file" id="fileInput" accept=".xls,.xlsx,.csv" />
<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, Worksheet, Cell, 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 Excel file.</p>';
return;
}
const file = fileInput.files[0];
const arrayBuffer = await file.arrayBuffer();
// Instantiating a Workbook object by opening the Excel file through the file stream
const workbook = new Workbook(new Uint8Array(arrayBuffer));
// Access the first worksheet in the Excel file
const worksheet = workbook.worksheets.get(0);
// Set the print area.
worksheet.pageSetup.printArea = "D2:M20";
// Initialize HtmlSaveOptions
const options = new AsposeCells.HtmlSaveOptions();
// Set flag to export print area only
options.exportPrintAreaOnly = true;
// Save to HTML format (options specify HTML)
const outputData = workbook.save(options);
const blob = new Blob([outputData], { type: 'text/html' });
const downloadLink = document.getElementById('downloadLink');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = 'outputInlineCharts.html';
downloadLink.style.display = 'block';
downloadLink.textContent = 'Download HTML File';
document.getElementById('result').innerHTML = '<p style="color: green;">Export completed successfully! Click the download link to get the HTML file.</p>';
});
</script>
</html>